在鉻上添加額外的div，同時複製粘貼到contenteditable div

Question

我有contenteditable div我只需要原始文本而不是HTML內容，而從任何網站複製粘貼。我得到了一些解決方案，並嘗試以下內容

$('[contenteditable]').on('paste',function(e) { 
    e.preventDefault(); 
    var text = (e.originalEvent || e).clipboardData.getData('text/plain') || prompt('Paste something..'); 
    window.document.execCommand('insertText', false, text); 
}); 

它工作正常，但問題是它在Chrome瀏覽器中添加額外的div。

任何想法或更好的解決方案？謝謝！

Answer 1

我也遇到了同樣的問題，有時還加了&等。我使用下面的正則表達式來刪除所有的html標籤。 當您調用模糊事件時，在函數內使用下面的代碼來刪除標記。即使您將內容複製並粘貼到可編輯div中，它也可以工作。

x = x.replace(/(<[^\\>]*>|<br\/>|&amp;|amp;|&lt|&gt;)/g, ''); 
x = x.trim(); 

希望這你保險業監督所尋找的

Answer 2

我們可以使用的.text（）的jQuery函數刪除所有的HTML標籤。

$('[contenteditable]').on('paste',function(e) { 
    e.preventDefault(); 
    var text = $(this).text(); 

    $(this).text(text); 
});