🎨 行内元素 #814

Vanessa219 · Nov 17, 2020 · 75e7bc1 · 75e7bc1
1 parent c8b1d02
commit 75e7bc1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/assets/scss/_reset.scss b/src/assets/scss/_reset.scss
@@ -272,6 +272,10 @@
     &--hover {
       background-color: rgb(250, 241, 209);
       border-bottom: 2px solid rgb(255, 198, 10);
+
+      .vditor-comment {
+        border-bottom: 2px solid rgb(255, 198, 10);
+      }
     }
   }
 

diff --git a/src/ts/wysiwyg/index.ts b/src/ts/wysiwyg/index.ts
@@ -73,14 +73,20 @@ class WYSIWYG {
                 const contents = range.cloneContents();
                 range.deleteContents();
                 contents.childNodes.forEach((item: HTMLElement) => {
+                    let wrap = false
                     if (item.nodeType === 3) {
+                        wrap = true
+                    } else if (!item.classList.contains("vditor-comment")) {
+                        wrap = true
+                    } else if (item.classList.contains("vditor-comment")) {
+                        item.setAttribute("data-cmtids", item.getAttribute("data-cmtids") + " " + id);
+                    }
+                    if (wrap) {
                         const commentElement = document.createElement("span");
                         commentElement.classList.add("vditor-comment");
                         commentElement.setAttribute("data-cmtids", id);
                         item.parentNode.insertBefore(commentElement, item);
                         commentElement.appendChild(item);
-                    } else if (item.classList.contains("vditor-comment")) {
-                        item.setAttribute("data-cmtids", item.getAttribute("data-cmtids") + " " + id);
                     }
                 });
                 range.insertNode(contents);