🐛 fix #115

CHANGELOG.md

@@ -43,6 +43,7 @@
 ### v2.1.11 / 2020-02-07
 
 * [117](https://github.com/Vanessa219/vditor/issues/117) cursor moving problem near inline code `修复缺陷`
+* [115](https://github.com/Vanessa219/vditor/issues/115) codeblock difference between ``` and ctrl+u `修复缺陷`
 * [112](https://github.com/Vanessa219/vditor/issues/112) 列表项加代码块问题 `修复缺陷`
 * [111](https://github.com/Vanessa219/vditor/issues/111) ctrl+b, ctrl+i, ctrl+s not working at starting and combining `修复缺陷`
 * [109](https://github.com/Vanessa219/vditor/issues/109) tab key at list `改进功能`

src/assets/scss/_wysiwyg.scss

@@ -33,6 +33,10 @@
       margin-bottom: 0;
     }
 
+    code {
+      padding: 0.2em 0.4em !important;
+    }
+
     & > code {
       display: none;
     }

src/ts/wysiwyg/toolbarEvent.ts

@@ -246,17 +246,17 @@ export const toolbarEvent = (vditor: IVditor, actionBtn: Element) => {
             setCurrentToolbar(vditor.toolbar.elements, ["inline-code"]);
         } else if (commandName === "code") {
             const node = document.createElement("div");
-            if (range.collapsed) {
-                node.className = "vditor-wysiwyg__block";
-                node.setAttribute("data-type", "code-block");
-                node.innerHTML = `<pre data-block="0"><code></code></pre>`;
+            node.className = "vditor-wysiwyg__block";
+            node.setAttribute("data-type", "code-block");
+            node.setAttribute("data-block", "0");
+            node.setAttribute("data-marker", "```");
+            if (range.toString() === "") {
+                node.innerHTML = `<pre><code></code></pre>`;
                 range.insertNode(node);
                 range.selectNodeContents(node.firstChild.firstChild);
                 setSelectionFocus(range);
             } else {
-                node.className = "vditor-wysiwyg__block";
-                node.setAttribute("data-type", "code-block");
-                node.innerHTML = `<pre data-block="0"><code>${range.toString()}</code></pre>`;
+                node.innerHTML = `<pre><code>${range.toString()}</code></pre>`;
                 range.deleteContents();
                 range.insertNode(node);
                 range.selectNodeContents(node.firstChild.firstChild);