@yltrcc/vditor 0.1.0 → 0.1.1

package/dist/index.css

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

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.1.0 - A markdown editor written in TypeScript.
+ * Vditor v0.1.1 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -1267,7 +1267,7 @@ var looseJsonParse = function (text) {
 /* harmony export */   Y: () => (/* binding */ Constants),
 /* harmony export */   g: () => (/* binding */ _VDITOR_VERSION)
 /* harmony export */ });
-var _VDITOR_VERSION = "0.1.0";
+var _VDITOR_VERSION = "0.1.1";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -1315,7 +1315,7 @@ var Constants = /** @class */ (function () {
         // 别名
         "js", "ts", "html", "toml", "c#", "bat"
     ];
-    Constants.CDN = "https://unpkg.com/@yltrcc/vditor@".concat("0.1.0");
+    Constants.CDN = "https://unpkg.com/@yltrcc/vditor@".concat("0.1.1");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -7000,6 +7000,7 @@ var removeHeading = function (vditor) {
 ;// ./src/ts/wysiwyg/showCode.ts
 
 
+
 /**
  * 显示代码编辑区域，隐藏预览区域
  * @param previewElement - 预览区域元素
@@ -7011,12 +7012,14 @@ var showCode = function (previewElement, vditor, first) {
     if (first === void 0) { first = true; }
     var blockElement = previewElement.parentElement;
     var codeElement = previewElement.previousElementSibling;
-    // 添加编辑状态类
+    // 添加编辑状态类，通过 CSS 控制显示/隐藏
     blockElement.classList.add("vditor-wysiwyg__block--editing");
+    // 移除内联样式，让 CSS 类控制显示
+    codeElement.style.removeProperty("display");
+    previewElement.style.removeProperty("display");
     var range = codeElement.ownerDocument.createRange();
     if (codeElement.tagName === "CODE") {
         // 行内代码
-        codeElement.style.display = "inline-block";
         if (first) {
             range.setStart(codeElement.firstChild, 1);
         }
@@ -7026,7 +7029,6 @@ var showCode = function (previewElement, vditor, first) {
     }
     else {
         // 代码块
-        codeElement.style.display = "block";
         if (!codeElement.firstChild.firstChild) {
             codeElement.firstChild.appendChild(document.createTextNode(""));
         }
@@ -7050,17 +7052,36 @@ var showCode = function (previewElement, vditor, first) {
  * @param vditor - Vditor 实例
  */
 var hideCode = function (blockElement, vditor) {
-    // 移除编辑状态类
+    // 移除编辑状态类，通过 CSS 控制显示/隐藏
     blockElement.classList.remove("vditor-wysiwyg__block--editing");
     var codeElement = blockElement.querySelector("pre:first-child");
     var previewElement = blockElement.querySelector(".vditor-wysiwyg__preview");
+    // 移除内联样式，让 CSS 类控制显示
     if (codeElement) {
-        codeElement.style.display = "none";
+        codeElement.style.removeProperty("display");
     }
     if (previewElement) {
-        previewElement.style.display = "block";
+        previewElement.style.removeProperty("display");
+        // 从编辑区域获取代码内容
+        // 编辑区域结构: <pre><code class="language-xxx">代码内容</code></pre>
+        var editCodeElement = codeElement === null || codeElement === void 0 ? void 0 : codeElement.querySelector("code");
+        var codeText = (editCodeElement === null || editCodeElement === void 0 ? void 0 : editCodeElement.textContent) || "";
+        var language = (editCodeElement === null || editCodeElement === void 0 ? void 0 : editCodeElement.className.replace("language-", "")) || "";
+        // 预览区域结构: <div class="vditor-wysiwyg__preview"><pre><code class="language-xxx">代码内容</code></pre></div>
+        // 找到预览区域内部的 code 元素
+        var previewCodeElement = previewElement.querySelector("pre > code");
+        if (previewCodeElement) {
+            // 更新预览区域的代码内容
+            previewCodeElement.textContent = codeText;
+            // 更新语言类名
+            if (language && language !== "hljs") {
+                previewCodeElement.className = "language-".concat(language);
+                previewElement.setAttribute("data-language", language);
+            }
+        }
         // 重新渲染预览
         previewElement.setAttribute("data-render", "2");
+        processCodeRender(previewElement, vditor);
     }
 };