✨ fix #926

Vanessa219 · Mar 8, 2021 · 2925923 · 2925923
1 parent f39c06f
commit 2925923
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -98,6 +98,8 @@
 
 ### v3.8.3 / 2021-02-xx
 
+* [926](https://github.com/Vanessa219/vditor/issues/926) 即时渲染和所见即所得模式支持点击链接 `引入特性`
+
 ### v3.8.2 / 2021-03-01
 
 * [938](https://github.com/Vanessa219/vditor/issues/938) 大纲缺少样式 `修复缺陷`

diff --git a/src/assets/scss/_ir.scss b/src/assets/scss/_ir.scss
@@ -20,6 +20,10 @@
       padding: 0 !important;
     }
 
+    &:not(.vditor-ir__node--expand)[data-type="a"] {
+      cursor: pointer;
+    }
+
     &[data-type="link-ref"],
     &[data-type="footnotes-ref"] {
       color: $blurColor;

diff --git a/src/assets/scss/_wysiwyg.scss b/src/assets/scss/_wysiwyg.scss
@@ -147,6 +147,10 @@
     white-space: initial;
   }
 
+  a {
+    cursor: pointer;
+  }
+
   span[data-type="backslash"] > span {
     display: none;
     color: var(--second-color);

diff --git a/src/ts/ir/index.ts b/src/ts/ir/index.ts
@@ -10,7 +10,7 @@ import {
     selectEvent,
 } from "../util/editorCommonEvent";
 import {paste} from "../util/fixBrowserBehavior";
-import {hasClosestByClassName} from "../util/hasClosest";
+import {hasClosestByAttribute, hasClosestByClassName} from "../util/hasClosest";
 import {
     getEditorRange, setRangeByWbr,
     setSelectionFocus,
@@ -94,7 +94,7 @@ class IR {
                 this.preventInput = false;
                 return;
             }
-            if (this.composingLock ||  event.data === "‘" || event.data === "“" || event.data === "《") {
+            if (this.composingLock || event.data === "‘" || event.data === "“" || event.data === "《") {
                 return;
             }
             input(vditor, getSelection().getRangeAt(0).cloneRange(), false, event);
@@ -141,6 +141,12 @@ class IR {
                     setSelectionFocus(range);
                 }
             }
+            // 打开链接
+            const aElement = hasClosestByAttribute(event.target, "data-type", "a");
+            if (aElement && (!aElement.classList.contains("vditor-ir__node--expand"))) {
+                window.open(aElement.querySelector(":scope > .vditor-ir__marker--link").textContent);
+                return;
+            }
 
             if (event.target.isEqualNode(this.element) && this.element.lastElementChild && range.collapsed) {
                 const lastRect = this.element.lastElementChild.getBoundingClientRect();

diff --git a/src/ts/wysiwyg/index.ts b/src/ts/wysiwyg/index.ts
@@ -412,6 +412,11 @@ class WYSIWYG {
                 return;
             }
 
+            // 打开链接
+            if (event.target.tagName === "A") {
+                window.open(event.target.getAttribute("href"));
+            }
+
             const range = getEditorRange(vditor);
             if (event.target.isEqualNode(this.element) && this.element.lastElementChild && range.collapsed) {
                 const lastRect = this.element.lastElementChild.getBoundingClientRect();