Bläddra i källkod

自定义富文本编辑器换行取消默认操作

zhuliu 1 år sedan
förälder
incheckning
c54bc2df7b
1 ändrade filer med 6 tillägg och 1 borttagningar
  1. 6 1
      src/utils/model/RichText/index.vue

+ 6 - 1
src/utils/model/RichText/index.vue

@@ -95,6 +95,7 @@ export default {
       //  var html = this.addTag(SplitHtmls,method)
        var html = this.changeHtml(SplitHtmls,method)
       this.content = html
+
       this.$emit('input',html)
       this.$emit('blur',html)
       this.$emit('change',html)
@@ -172,6 +173,10 @@ export default {
       if (e.keyCode == 27) { // ESC键的keycode值为27
           customMenu.style.display = "none";
       }
+      if (e.keyCode === 13) {
+          e.preventDefault(); // 阻止默认操作
+          document.execCommand("insertHTML", false, "<br><br>"); // 插入换行
+      }
     },
     //粘贴
    async handlePaste(e){
@@ -186,7 +191,7 @@ export default {
       for (let i = 0; i < items.length; i++) {
         if (items[i].type.indexOf("text") !== -1) {
           var text =  (event.originalEvent || event).clipboardData.getData('text/plain') ||'';
-          // text = text.replace(/\n{1,}/g,'</br>')
+          text = text.replace(/\n{1,}/g,'')
           document.execCommand('insertText', true, text)
 
           // var text2 = `<span>${text}</span>`