在contenteditable div中删除一些带有jquery的标签

Question

我有一个满足的div。当用户粘贴文本时。它带有html标签，我想删除除b，i，u，blockquote，h3标签之外的所有标签。

我怎样才能实现这一目标？ 谢谢你的帮助。

Answer 1

＆＃13;

＆＃13;

var ignoreTags = "b, i, u, blockquote, h3";


$("[contenteditable]").on({
  paste : function() {
    setTimeout(function(){
      $(this).find("*").not(ignoreTags).contents().unwrap();
    }.bind(this), 0);
  }
});

＆＃13;

p{color: blue;}
[contenteditable]{background:#eee;padding:16px;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h2>H2. Unwrap me.</h2>
<h3>H3. Keep me.</h3>
<blockquote>blockquote</blockquote>
<p>Unwrap Paragraph but keep <b>bold</b> and <i>italic</i></p>

<div contenteditable>pasteHere</div>

＆＃13;

＆＃13;

＆＃13;