:bug: fix #765

CHANGELOG.md

@@ -81,6 +81,7 @@
 
 ### v3.5.4 / 2020-09-xx
 
+* [765](https://github.com/Vanessa219/vditor/issues/765) hint 组件中文回车及单引号转译修复 `修复缺陷`
 * [746](https://github.com/Vanessa219/vditor/issues/746) 块引用 > 按下后即渲染（允许空内容的块引用） `改进功能`
 * [757](https://github.com/Vanessa219/vditor/issues/757) 汉语拼音中文空格问题 `修复缺陷`
 * [756](https://github.com/Vanessa219/vditor/issues/756) 任务列表编辑问题 `修复缺陷`

demo/index.js

@@ -50,8 +50,8 @@ if (window.innerWidth < 768) {
 }
 
 window.vditor = new Vditor('vditor', {
-  // _lutePath: `http://192.168.0.107:9090/lute.min.js?${new Date().getTime()}`,
-  _lutePath: 'src/js/lute/lute.min.js',
+  _lutePath: `http://192.168.0.107:9090/lute.min.js?${new Date().getTime()}`,
+  // _lutePath: 'src/js/lute/lute.min.js',
   toolbar,
   mode: 'ir',
   height: window.innerHeight + 100,

src/ts/hint/index.ts

@@ -97,7 +97,7 @@ export class Hint {
                     html = html.substr(0, lastIndex) + replaceHtml;
                 }
             }
-            hintsHTML += `<button data-value="${hintData.value} "
+            hintsHTML += `<button data-value="${encodeURIComponent(hintData.value)} "
 ${i === 0 ? "class='vditor-hint--current'" : ""}> ${html}</button>`;
         });
 
@@ -128,7 +128,7 @@ ${i === 0 ? "class='vditor-hint--current'" : ""}> ${html}</button>`;
     public fillEmoji = (element: HTMLElement, vditor: IVditor) => {
         this.element.style.display = "none";
 
-        const value = element.getAttribute("data-value");
+        const value = decodeURIComponent(element.getAttribute("data-value"));
         const range: Range = window.getSelection().getRangeAt(0);
 
         // 代码提示
@@ -215,7 +215,7 @@ ${i === 0 ? "class='vditor-hint--current'" : ""}> ${html}</button>`;
                 currentHintElement.previousElementSibling.className = "vditor-hint--current";
             }
             return true;
-        } else if (!isCtrl(event) && !event.shiftKey && !event.altKey && event.key === "Enter") {
+        } else if (!isCtrl(event) && !event.shiftKey && !event.altKey && event.key === "Enter" && !event.isComposing) {
             event.preventDefault();
             event.stopPropagation();
             this.fillEmoji(currentHintElement, vditor);