jQuery 粘贴文本时无法删除 div 标签

Question

我的代码删除了除 之外的所有 html 标签。

我需要粘贴纯文本。

我的 HTM，我在其中粘贴内容:

<p contenteditable="true">A high altitude hike which offers incredible views of Aconcagua (6958m) and Tupungato (6427m) in Argentina.</p>

我的 jQuery 代码:

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

                var text = '';

                if (e.clipboardData || e.originalEvent.clipboardData) {
                    text = (e.originalEvent || e).clipboardData.getData('text/plain');
                } else if (window.clipboardData) {
                    text = window.clipboardData.getData('Text');
                }


                if (document.queryCommandSupported('insertText')) {
                    document.execCommand('insertText', false, text);
                } else {
                    document.execCommand('paste', false, text);
                }
            });

我的jsFiddle:

https://jsfiddle.net/ovnx27pg/

Answer 1

您可以使用text.replace(/<[^>]*>?/gm, '');

$('[contenteditable]').on('paste', function(e) {

    e.preventDefault();

    var text = '';

    if (e.clipboardData || e.originalEvent.clipboardData) {
        text = (e.originalEvent || e).clipboardData.getData('text/plain');
    } else if (window.clipboardData) {
        text = window.clipboardData.getData('Text');
    }
    text = text.replace(/<[^>]*>?/gm, '');

    if (document.queryCommandSupported('insertText')) {
        document.execCommand('insertText', false, text);
    } else {
        document.execCommand('paste', false, text);
    }
    $(this).html($(this).html().replace(/<div>/gi,'<br>').replace(/<\/div>/gi,''));
});

$('[contenteditable]').keydown(function(e) {
    if (e.keyCode === 13) {
         document.execCommand('insertHTML', false, '<br><br>');
      return false;
    }
});