@yltrcc/vditor 0.0.4 → 0.0.6

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.4 - A markdown editor written in TypeScript.
+ * Vditor v0.0.6 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -25,7 +25,7 @@
  *
  */
 /*!
- * Vditor v0.0.4 - A markdown editor written in TypeScript.
+ * Vditor v0.0.6 - A markdown editor written in TypeScript.
  *
  * MIT License
  *

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.4 - A markdown editor written in TypeScript.
+ * Vditor v0.0.6 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -1060,7 +1060,8 @@ var insertHTML = function (html, vditor) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   BS: () => (/* binding */ renderDocLink),
 /* harmony export */   handleDocLinkClick: () => (/* binding */ handleDocLinkClick),
-/* harmony export */   qo: () => (/* binding */ processDocLinkInWYSIWYG)
+/* harmony export */   qo: () => (/* binding */ processDocLinkInWYSIWYG),
+/* harmony export */   uN: () => (/* binding */ getDocLinkMarkdown)
 /* harmony export */ });
 /* unused harmony exports extractDocLinks, hasDocLink */
 /**
@@ -1079,7 +1080,7 @@ var renderDocLink = function (html, vditor) {
     if (((_b = (_a = vditor === null || vditor === void 0 ? void 0 : vditor.options) === null || _a === void 0 ? void 0 : _a.citation) === null || _b === void 0 ? void 0 : _b.enable) === false) {
         return html;
     }
-    return html.replace(DOCLINK_REGEX, '<span class="vditor-doclink" data-doc-id="$1" data-doc-text="$2">$2</span>');
+    return html.replace(DOCLINK_REGEX, '<span class="vditor-doclink" data-doc-id="$1" data-doc-text="$2" data-doc-markdown="(($1 \'$2\'))">$2</span>');
 };
 /**
  * 在 WYSIWYG 编辑器中处理文档链接的实时渲染
@@ -1110,7 +1111,8 @@ var processDocLinkInWYSIWYG = function (element, vditor) {
                 index: match.index,
                 length: match[0].length,
                 id: match[1],
-                text: match[2]
+                text: match[2],
+                fullMatch: match[0]
             });
         }
         if (matches.length === 0)
@@ -1126,19 +1128,26 @@ var processDocLinkInWYSIWYG = function (element, vditor) {
             if (m.index > lastIndex) {
                 fragments.push(document.createTextNode(text.slice(lastIndex, m.index)));
             }
-            // 创建文档链接元素
+            // 创建文档链接容器 - 使用 contenteditable="false" 防止编辑时破坏结构
+            var container = document.createElement("span");
+            container.className = "vditor-doclink-wrapper";
+            container.setAttribute("contenteditable", "false");
+            container.setAttribute("data-doc-id", m.id);
+            container.setAttribute("data-doc-text", m.text);
+            // 存储完整的 Markdown 语法，用于复制
+            container.setAttribute("data-doc-markdown", m.fullMatch);
+            // 创建显示文本的元素
             var span = document.createElement("span");
             span.className = "vditor-doclink";
-            span.setAttribute("data-doc-id", m.id);
-            span.setAttribute("data-doc-text", m.text);
             span.textContent = m.text;
             // 绑定点击事件
-            span.onclick = function (e) {
+            container.onclick = function (e) {
                 e.preventDefault();
                 e.stopPropagation();
                 handleDocLinkClick(m.id, m.text, vditor);
             };
-            fragments.push(span);
+            container.appendChild(span);
+            fragments.push(container);
             lastIndex = m.index + m.length;
         });
         // 添加剩余文本
@@ -1201,6 +1210,24 @@ var extractDocLinks = function (markdown) {
 var hasDocLink = function (text) {
     return DOCLINK_REGEX.test(text);
 };
+/**
+ * 获取文档链接的 Markdown 语法
+ * 用于复制操作时恢复原始语法
+ */
+var getDocLinkMarkdown = function (element) {
+    // 优先从 data-doc-markdown 属性获取
+    var markdown = element.getAttribute("data-doc-markdown");
+    if (markdown) {
+        return markdown;
+    }
+    // 从 data-doc-id 和 data-doc-text 重建
+    var id = element.getAttribute("data-doc-id");
+    var text = element.getAttribute("data-doc-text");
+    if (id && text) {
+        return "((".concat(id, " '").concat(text, "'))");
+    }
+    return null;
+};
 
 
 /***/ },
@@ -1240,7 +1267,7 @@ var looseJsonParse = function (text) {
 /* harmony export */   Y: () => (/* binding */ Constants),
 /* harmony export */   g: () => (/* binding */ _VDITOR_VERSION)
 /* harmony export */ });
-var _VDITOR_VERSION = "0.0.4";
+var _VDITOR_VERSION = "0.0.6";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -1288,7 +1315,7 @@ var Constants = /** @class */ (function () {
         // 别名
         "js", "ts", "html", "toml", "c#", "bat"
     ];
-    Constants.CDN = "https://unpkg.com/@yltrcc/vditor@".concat("0.0.4");
+    Constants.CDN = "https://unpkg.com/@yltrcc/vditor@".concat("0.0.6");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -5039,15 +5066,61 @@ var constants = __webpack_require__(357);
 var code160to32 = __webpack_require__(435);
 ;// ./src/ts/markdown/getMarkdown.ts
 
+/**
+ * 将 doclink DOM 元素转换回 Markdown 语法
+ * 处理 <span class="vditor-doclink-wrapper" data-doc-markdown="((id 'text'))">text</span>
+ */
+var processDocLinksInHTML = function (html) {
+    // 创建临时 DOM 元素来解析 HTML
+    var tempDiv = document.createElement("div");
+    tempDiv.innerHTML = html;
+    // 查找所有 doclink wrapper 元素
+    var docLinkWrappers = tempDiv.querySelectorAll(".vditor-doclink-wrapper");
+    docLinkWrappers.forEach(function (wrapper) {
+        var markdown = wrapper.getAttribute("data-doc-markdown");
+        if (markdown) {
+            // 用文本节点替换整个 wrapper，内容为 Markdown 语法
+            wrapper.replaceWith(document.createTextNode(markdown));
+        }
+        else {
+            // 如果没有 data-doc-markdown，尝试从 data-doc-id 和 data-doc-text 重建
+            var id = wrapper.getAttribute("data-doc-id");
+            var text = wrapper.getAttribute("data-doc-text");
+            if (id && text) {
+                wrapper.replaceWith(document.createTextNode("((".concat(id, " '").concat(text, "'))")));
+            }
+        }
+    });
+    // 也处理旧的 .vditor-doclink 元素（没有 wrapper 的情况）
+    var docLinks = tempDiv.querySelectorAll(".vditor-doclink");
+    docLinks.forEach(function (link) {
+        var markdown = link.getAttribute("data-doc-markdown");
+        if (markdown) {
+            link.replaceWith(document.createTextNode(markdown));
+        }
+        else {
+            var id = link.getAttribute("data-doc-id");
+            var text = link.getAttribute("data-doc-text");
+            if (id && text) {
+                link.replaceWith(document.createTextNode("((".concat(id, " '").concat(text, "'))")));
+            }
+        }
+    });
+    return tempDiv.innerHTML;
+};
 var getMarkdown = function (vditor) {
     if (vditor.currentMode === "sv") {
         return (0,code160to32/* code160to32 */.p)("".concat(vditor.sv.element.textContent, "\n").replace(/\n\n$/, "\n"));
     }
     else if (vditor.currentMode === "wysiwyg") {
-        return vditor.lute.VditorDOM2Md(vditor.wysiwyg.element.innerHTML);
+        // 先处理 doclink 元素，将其转换回 Markdown 语法
+        var processedHTML = processDocLinksInHTML(vditor.wysiwyg.element.innerHTML);
+        return vditor.lute.VditorDOM2Md(processedHTML);
     }
     else if (vditor.currentMode === "ir") {
-        return vditor.lute.VditorIRDOM2Md(vditor.ir.element.innerHTML);
+        // 同样处理 IR 模式
+        var processedHTML = processDocLinksInHTML(vditor.ir.element.innerHTML);
+        return vditor.lute.VditorIRDOM2Md(processedHTML);
     }
     return "";
 };
@@ -15123,6 +15196,7 @@ var Options = /** @class */ (function () {
 
 
 
+
 var WYSIWYG = /** @class */ (function () {
     function WYSIWYG(vditor) {
         var _this = this;
@@ -15311,6 +15385,15 @@ var WYSIWYG = /** @class */ (function () {
         }
         var tempElement = document.createElement("div");
         tempElement.appendChild(range.cloneContents());
+        // 处理文档链接的复制 - 将渲染后的元素替换为原始 Markdown 语法
+        var docLinkElements = tempElement.querySelectorAll(".vditor-doclink-wrapper, .vditor-doclink");
+        docLinkElements.forEach(function (el) {
+            var markdown = (0,docLink/* getDocLinkMarkdown */.uN)(el);
+            if (markdown) {
+                // 用文本节点替换元素，内容为 Markdown 语法
+                el.replaceWith(document.createTextNode(markdown));
+            }
+        });
         event.clipboardData.setData("text/plain", vditor.lute.VditorDOM2Md(tempElement.innerHTML).trim());
         event.clipboardData.setData("text/html", "");
     };