新增 MDParser 轉換 Markdown 至 HTML。

pardnchiu · Jan 14, 2025 · 1ee80a4 · 1ee80a4
1 parent 120019a
commit 1ee80a4
Show file tree

Hide file tree

Showing 17 changed files with 54 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -72,7 +72,7 @@ npm i @pardnchiu/nanomd
 #### ES Module version
 ```javascript
 // Version 1.8.0 and above
-import { MDEditor, MDViewer } from "https://cdn.jsdelivr.net/npm/@pardnchiu/nanomd@[VERSION]/dist/NanoMD.esm.js";
+import { MDEditor, MDViewer, MDParser } from "https://cdn.jsdelivr.net/npm/@pardnchiu/nanomd@[VERSION]/dist/NanoMD.esm.js";
 
 // Version 1.6.0-1.7.1
 import { editor, viewer } from "https://cdn.jsdelivr.net/npm/pdmarkdownkit@[VERSION]/dist/PDMarkdownKit.module.js";
@@ -145,6 +145,12 @@ const domViewer = new MDViewer({
 (...).appendChild(domEditor.body);
 (...).appendChild(domViewer.body);
 
+// Version 1.10.0 and above
+const domParser = new MDParser({
+    standard: 1             // Support only standard syntax, default: 1 | true
+});
+
+console.log(domParser.parse("**Text to parse**"));
 ``` 
 
 ## License

diff --git a/README.zh.md b/README.zh.md
@@ -72,7 +72,7 @@ npm i @pardnchiu/nanomd
 #### ES Module 版本
 ```javascript
 // 1.8.0 版本以上
-import { MDEditor, MDViewer } from "https://cdn.jsdelivr.net/npm/@pardnchiu/nanomd@[VERSION]/dist/NanoMD.esm.js";
+import { MDEditor, MDViewer, MDParser } from "https://cdn.jsdelivr.net/npm/@pardnchiu/nanomd@[VERSION]/dist/NanoMD.esm.js";
 
 // 1.6.0-1.7.1 版本
 import { editor, viewer } from "https://cdn.jsdelivr.net/npm/pdmarkdownkit@[VERSION]/dist/PDMarkdownKit.module.js";
@@ -144,6 +144,13 @@ const domViewer = new MDViewer({
 // 若無指定元件，需手動將播放器加入至 DOM 中
 (...).appendChild(domEditor.body);
 (...).appendChild(domViewer.body);
+
+// 1.10.0 版本以上
+const domParser = new MDParser({
+    standard: 1             // 僅支持標準語法，預設值：1 | true
+});
+
+console.log(domParser.parse("**欲解析的文字**"))
 ```
 
 ## 授權條款

diff --git a/dist/NanoMD.esm.js b/dist/NanoMD.esm.js
diff --git a/dist/NanoMD.js b/dist/NanoMD.js
diff --git a/index.html b/index.html
@@ -170,6 +170,11 @@
                         npm
                     </a>
                     <span></span>
+                    <a href="https://github.com/pardnchiu/NanoMD-App" title="Mac application" target="_blank">
+                        <i class="fa-brands fa-apple"></i>
+                        Mac (Beta)
+                    </a>
+                    <span></span>
                     <a :href="/page/agreement.html?lang={{ lang }}">
                         <i class="fa-solid fa-scale-balanced"></i>
                         LICENSE

diff --git a/package.json b/package.json
@@ -1,12 +1,12 @@
 {
     "name": "@pardnchiu/nanomd",
-    "version": "1.9.6",
+    "version": "1.10.0",
     "description": "NanoMD is a lightweight Markdown editing and viewing library built on pure JavaScript and native APIs. Can be easily embedded into websites, offers rich features, and supports real-time previewing.",
     "main": "dist/NanoMD.js",
     "module": "dist/NanoMD.esm.js",
     "types": "src/interface.ts",
     "scripts": {
-        "minify": "npx terser src/*.js src/function/*.js src/model/*.js -c -m -o dist/NanoMD.js --config-file terser.config.json --name-cache terser.cache.json && npx terser src/*.js src/function/*.js src/model/*.js -c -m -o dist/NanoMD.esm.js --config-file terser.config.json --name-cache terser.cache.json && echo 'export const editor = window.MDEditor; export const MDEditor = window.MDEditor; export const viewer = window.MDViewer; export const MDViewer = window.MDViewer;' >> dist/NanoMD.esm.js",
+        "minify": "npx terser src/*.js src/function/*.js src/model/*.js -c -m -o dist/NanoMD.js --config-file terser.config.json --name-cache terser.cache.json && npx terser src/*.js src/function/*.js src/model/*.js -c -m -o dist/NanoMD.esm.js --config-file terser.config.json --name-cache terser.cache.json && echo 'export const editor = window.MDEditor; export const MDEditor = window.MDEditor; export const viewer = window.MDViewer; export const MDViewer = window.MDViewer; export const MDParser = window.MDParser;' >> dist/NanoMD.esm.js",
         "minify-w": "chokidar src/*.js src/function/*.js src/model/*.js -c 'npm run minify'",
         "sass": "sass src/sass:dist/ -w --style compressed --no-source-map",
         "sass-index": "sass static/sass/:static/css/ -w --style compressed --no-source-map"

diff --git a/page/doc.html b/page/doc.html
@@ -467,6 +467,19 @@
                                     console.error(error);
                                 });
 
+
+                            const parser1 = new MDParser({
+                                standard: true,
+                                text: pre
+                            });
+
+                            const parser2 = new MDParser({
+                                standard: false,
+                                text: pre
+                            });
+                            console.log(parser1.parse())
+                            console.log(parser2.parse())
+
                             url.searchParams.set("tag", title);
                             window.history.replaceState({}, document.title, url.href);
 

diff --git a/src/data.js b/src/data.js
diff --git a/src/function/setBlockquote.js b/src/function/setBlockquote.js
diff --git a/src/function/setFont.js b/src/function/setFont.js
diff --git a/src/function/setLink.js b/src/function/setLink.js
diff --git a/src/function/setMedia.js b/src/function/setMedia.js
diff --git a/src/function/transToHTML.js b/src/function/transToHTML.js
diff --git a/src/model/editor.js b/src/model/editor.js
diff --git a/src/model/parser.js b/src/model/parser.js
diff --git a/static/md/en/installation.md b/static/md/en/installation.md
@@ -20,7 +20,7 @@
     - **ES Module version**
         ```javascript
         // Version 1.8.0 and above
-        import { MDEditor, MDViewer } from "https://cdn.jsdelivr.net/npm/@pardnchiu/nanomd@[VERSION]/dist/NanoMD.esm.js";
+        import { MDEditor, MDViewer, MDParser } from "https://cdn.jsdelivr.net/npm/@pardnchiu/nanomd@[VERSION]/dist/NanoMD.esm.js";
 
         // Version 1.6.0-1.7.1
         import { editor, viewer } from "https://cdn.jsdelivr.net/npm/pdmarkdownkit@[VERSION]/dist/PDMarkdownKit.module.js";
@@ -92,4 +92,10 @@
     (...).appendChild(domEditor.body);
     (...).appendChild(domViewer.body);
 
+    // Version 1.10.0 and above
+    const domParser = new MDParser({
+        standard: 1             // Support only standard syntax, default: 1 | true
+    });
+
+    console.log(domParser.parse("**Text to parse**"));
     ```
diff --git a/static/md/zh/installation.md b/static/md/zh/installation.md
@@ -20,7 +20,7 @@
     - **ES Module 版本**
         ```javascript
         // 1.8.0 版本以上
-        import { MDEditor, MDViewer } from "https://cdn.jsdelivr.net/npm/@pardnchiu/nanomd@[VERSION]/dist/NanoMD.esm.js";
+        import { MDEditor, MDViewer, MDParser } from "https://cdn.jsdelivr.net/npm/@pardnchiu/nanomd@[VERSION]/dist/NanoMD.esm.js";
 
         // 1.6.0-1.7.1 版本
         import { editor, viewer } from "https://cdn.jsdelivr.net/npm/pdmarkdownkit@[VERSION]/dist/PDMarkdownKit.module.js";
@@ -31,7 +31,7 @@
 
 ## 使用方法
 
-- **初始化 `MDEditor` 和 `MDViewer`**
+- **初始化 `MDEditor`、`MDViewer` 和 `MDParser`**
     ```Javascript
     // 1.8.0 版本以上
     // 統一使用: MDEditor, MDViewer
@@ -74,7 +74,7 @@
         emptyContent: "",       // 預設內容，當編輯器為空時顯示
         style: {
             mode: "",           // auto | light | dark, 預設： auto
-            fill: "",           // 隨父元素大小調整，預設值：1 | true
+            fill: 1,            // 隨父元素大小調整，預設值：1 | true
             fontFamily: "",     // 預設：'Noto Sans TC', sans-serif
         },
         sync: {
@@ -91,4 +91,11 @@
     // 若無指定元件，需手動將播放器加入至 DOM 中
     (...).appendChild(domEditor.body);
     (...).appendChild(domViewer.body);
+
+    // 1.10.0 版本以上
+    const domParser = new MDParser({
+        standard: 1             // 僅支持標準語法，預設值：1 | true
+    });
+
+    console.log(domParser.parse("**欲解析的文字**"))
     ```