contenteditable可编辑模式下清除粘贴文案格式

788 阅读1分钟

contenteditable:可编辑模式下

粘贴一段文案时,去除粘贴文案的样式,清除格式

在可编辑模式下的 pasting事件 中调用 pasting 函数即可

    <div contenteditable="true" 
         v-html="state.data.title" 
         @paste.stop="pasting“ >
    </div>
// 去除复制的文本样式 style
export function pasting(e) { 
    e.preventDefault(); 
    var text; 
    var clp = (e.originalEvent || e).clipboardData; 
    if (clp === undefined || clp === null) { 
        text = window.clipboardData.getData("text") || "";
        if (text !== "") { 
            if (window.getSelection) { 
                var newNode = document.createElement("span"); 
                newNode.innerHTML = text; 
                window.getSelection().getRangeAt(0).insertNode(newNode); 
            } else { 
                document.selection.createRange().pasteHTML(text); 
            } 
          }
    } else { 
        text = clp.getData('text/plain') || "";
        if (text !== "") { 
             document.execCommand('insertText', false, text); 
         } 
     } 
}