From 0435c1154e91c671c5204a2571f6ed19943b9711 Mon Sep 17 00:00:00 2001 From: Remote Date: Sun, 21 Jul 2024 19:05:06 +0800 Subject: [PATCH] 202407211905 --- README.md | 6 +++--- index.html | 5 +++-- js/index.min.js | 2 +- 3 files changed, 7 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 80ebd02..c119fd2 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ > A web-based Markdown editor with real-time preview designed for editing of md files online. > Through modular design, it is easy to integrate into websites for use. -> Must be used in conjunction with [PDExtension-js](https://pardnchiu.github.io/PDExtension-js/v3/PDExtension.min.js). +> Must be used in conjunction with [PDExtension-js](https://github.com/pardnchiu/PDExtension-js). ## 特點 / Feature @@ -52,12 +52,12 @@ This source code project is licensed under the [GPL-3.0](https://github.com/pard - 添加依賴 `PDExtension-js` ```Html - + ``` - 導入 `MDEditor`、`MDViewer` ```Javascript -import { MDEditor, MDViewer } from "https://pardnchiu.github.io/markdown-editor/v1/PDMDEditor.min.js"; +import { MDEditor, MDViewer } from "https://cdn.jsdelivr.net/gh/pardnchiu/markdown-editor/v1/PDMDEditor.min.js"; const editor = new MDEditor({ id: "", // 預設 PDMDEditor diff --git a/index.html b/index.html index e51b9d0..a25a047 100644 --- a/index.html +++ b/index.html @@ -55,9 +55,10 @@ - + + diff --git a/js/index.min.js b/js/index.min.js index 3738bd3..f632ce8 100644 --- a/js/index.min.js +++ b/js/index.min.js @@ -1 +1 @@ -import{MDEditor as n,MDViewer as i}from"../v1/PDMDEditor.min.js";function t(n){document.body.$$class("preview")?(document.body.class_("preview"),this.__class(["fas","fa-eye"])):(document.body._class("preview"),this.__class(["fas","fa-eye-slash"]))}document.addEventListener("DOMContentLoaded",(function(){document.body.clientWidth<1024&&document.body.class_("preview");const e=new URL(location.href).searchParams.get("keyword");e&&alert("標籤:"+e);const o=new n({id:"",placeholder:"Content",placeholderColor:"#ff000080",focusBackgroundColor:"#ff00001a",focusTextColor:"#ff0000",fillMode:1}),d=new i({id:"",pre:"",delay:50,editor:o,scrollSync:1,tagPath:"?keyword=",tagTarget:"_blank",fillMode:1});_child(["section#md-nav"._(["h1"._("Markdown"),"i"._({class:["fas",document.body.$$class("preview")?"fa-eye-slash":"fa-eye"].join("."),onclick:t}),"ul"._(["li"._(["i.fa-solid.fa-reply"._()._click((n=>o.goBack())),"p"._("上一步")]),"li"._(["i.fa-solid.fa-share"._()._click((n=>o.goForward())),"p"._("下一步")]),"li"._(["b"._(["H","i"._(1)])._click((n=>o.addHeading(n,1))),"p"._("標題1")]),"li"._(["b"._(["H","i"._(2)])._click((n=>o.addHeading(n,2))),"p"._("標題2")]),"li"._(["b"._(["H","i"._(3)])._click((n=>o.addHeading(n,3))),"p"._("標題3")]),"li"._(["b"._(["H","i"._(4)])._click((n=>o.addHeading(n,4))),"p"._("標題4")]),"li"._(["b"._(["H","i"._(5)])._click((n=>o.addHeading(n,5))),"p"._("標題5")]),"li"._(["b"._(["H","i"._(6)])._click((n=>o.addHeading(n,6))),"p"._("標題6")]),"li"._(["i.fa-solid.fa-bold"._()._click((n=>o.addBold(n))),"p"._("粗體")]),"li"._(["i.fa-solid.fa-italic"._()._click((n=>o.addItalic(n))),"p"._("斜體")]),"li"._(["i.fa-solid.fa-strikethrough"._()._click((n=>o.addStrikethrough(n))),"p"._("刪除線")]),"li"._(["i.fa-solid.fa-underline"._()._click((n=>o.addUnderline(n))),"p"._("底線")]),"li"._(["i.fa-solid.fa-marker"._()._click((n=>o.addMarker(n))),"p"._("標記")]),"li"._(["i.fa-solid.fa-superscript"._()._click((n=>o.addSup(n))),"p"._("上標")]),"li"._(["i.fa-solid.fa-subscript"._()._click((n=>o.addSub(n))),"p"._("下標")]),"li"._(["i.fa-solid.fa-quote-left"._()._click((n=>o.addBlockquote(n))),"p"._("引用")]),"li"._(["i.fa-solid.fa-list-ul"._()._click((n=>o.addUl(n))),"p"._("無序列表")]),"li"._(["i.fa-solid.fa-list-ol"._()._click((n=>o.addOl(n))),"p"._("有序列表")]),"li"._(["i.fa-solid.fa-code"._()._click((n=>o.addCode(n))),"p"._("代碼")]),"li"._(["i.fa-solid.fa-link"._()._click((n=>{const i="section#pop"._(["div"._(["section"._(["h6"._("插入連結"),"fas fa-times-circle"._fa._click((()=>i.$rm()))]),"p"._("請依序輸入資料"),"input 名稱"._(),"input 網址 (不可為空)"._(),"ul"._(["li"._({sel:0},["fa-solid fa-link"._fa,"確認"])._click((n=>{const e=i.$selAll("input"),t=e.$(0).value.trim(),d=e.$(1).value.trim();i.$rm(),o.addLink(t,d)})),"li"._({sel:0},["fa-solid fa-ban"._fa,"取消"])._click((()=>i.$rm()))])])]);_child(i)})),"p"._("連結")]),"li"._(["i.fa-solid.fa-image"._()._click((n=>{const i="section#pop"._(["div"._(["section"._(["h6"._("插入圖片"),"fas fa-times-circle"._fa._click((()=>i.$rm()))]),"p"._("請依序輸入資料"),"input 名稱"._(),"input 網址 (不可為空)"._(),"input 標題"._(),"ul"._(["li"._({sel:0},["fa-solid fa-image"._fa,"確認"])._click((n=>{const e=i.$selAll("input"),t=e.$(0).value.trim(),d=e.$(1).value.trim(),a=e.$(2).value.trim();i.$rm(),o.addImage(a,d,t)})),"li"._({sel:0},["fa-solid fa-ban"._fa,"取消"])._click((()=>i.$rm()))])])]);_child(i)})),"p"._("圖片")]),"li"._(["i.fa-solid.fa-eraser"._()._click((n=>{const i="section#pop"._(["div"._(["section"._(["h6"._("清除整頁內容?"),"fa-solid fa-circle-xmark"._fa._click((()=>i.$rm()))]),"p"._("確定要清除整頁內容?"),"ul"._(["li"._(["fa-solid fa-eraser"._fa,"清空內容"])._click((n=>{i.$rm(),o.clear()})),"li"._({sel:0},["fa-solid fa-ban"._fa,"取消"])._click((()=>i.$rm()))])])]);_child(i)})),"p"._("清除")]),"li.mobile"._([(document.body.$$class("preview")?"fa-solid fa-eye-slash":"fa-solid fa-eye")._fa._click(t),"p"._("關閉預覽")]),"li"._(["i.fa-solid.fa-download"._()._click((n=>{const i="section#pop"._(["div"._(["section"._(["h6"._("你要下載的類型?"),"fa-solid fa-circle-xmark"._fa._click((()=>i.$rm()))]),"p"._("Markdown 副檔名 (.md)\nHtml 副檔名 (.html)"),"ul"._({row:2},["li"._(["i.fab.fa-markdown"._(),"md"])._click((n=>{i.$rm(),o.downloadMd()})),"li"._(["i.fa-solid.fa-code"._(),"html"])._click((n=>{i.$rm(),o.downloadHtml()}))])])]);_child(i)})),"p"._("下載檔案")]),"li"._(["label"._(["input"._({type:"file",accept:".md"})._change((function(){o.openfile(this.files[0])})),"i.fa-solid.fa-folder-open"._()]),"p"._("開啟檔案")]),"li"._(["i.fa-solid.fa-exclamation-circle"._()._click((function(){var n="section#pop"._(["div"._(["h6"._("關於我"),"i.fa-solid.fa-circle-xmark"._()._click((()=>n.remove())),"p"._('為 JOBALL找專家 / UMD你的博客 需求所開發
\n\t\t\t\t\t\t\t\t用來提供給用戶們撰寫內容的編輯器
\n\t\t\t\t\t\t\t\tmd語法未完全適配, 會持續更新
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t開發者: Pardn Chiu'),"ul"._(["li"._({sel:"false"},["i.fa-solid.fa-ban"._(),"取消"])._click((()=>n.remove()))])])]);document.body.appendChild(n)})),"p"._("關於我")])])]),"section.left"._([o.body]),"section.right"._([d.body])]),o.init('# Markdown Editor (JavaScript Library)\n\n> A web-based Markdown editor with real-time preview designed for editing of md files online. \n> Through modular design, it is easy to integrate into websites for use.\n> Must be used in conjunction with [PDExtension-js](https://pardnchiu.github.io/PDExtension-js/v3/PDExtension.min.js).\n\n## 特點 / Feature\n\n- 提供獨立使用的編輯器和檢視器模組。\n Provides separate editor and viewer modules for independent use.\n \n- 當編輯器和檢視器一起使用時能實現即時預覽。\n Achieves real-time preview when the editor and viewer are used together.\n \n- 使用純 JavaScript / CSS 開發。\n Built using pure JavaScript and CSS.\n \n- 使用 [PDExtension-js](https://github.com/pardnchiu/PDExtension-js) 進行渲染。\n Rendered using [PDExtension-js](https://github.com/pardnchiu/PDExtension-js).\n \n- 使用 [Font Awesome 6](https://fontawesome.com/v6/search) 圖標。\n Use [Font Awesome 6](https://fontawesome.com/v6/search) icons.\n \n- 使用 [code-prettify](https://github.com/googlearchive/code-prettify) 進行代碼高亮顯示。\n Use [code-prettify](https://github.com/googlearchive/code-prettify) for code highlighting.\n\n## 開發者 / Creator\n\n\n\n### Pardn Chiu 邱敬幃\n\n[![](https://pardn.io/image/mail.svg)](mailto:mail@pardn.ltd) [![](https://skillicons.dev/icons?i=linkedin)](https://linkedin.com/in/pardnchiu) \n

\n\n## 授權 / License\n\n此源代碼項目採用 [GPL-3.0](https://github.com/pardnchiu/markdown-editor/blob/main/LICENSE) 許可證授權。\nThis source code project is licensed under the [GPL-3.0](https://github.com/pardnchiu/markdown-editor/blob/main/LICENSE) license.\n\n## 如何使用 / How to use\n\n- 添加依賴 `PDExtension-js`\n```HTML\n