Javascript TinyMCE删除具有特定类的div

我想从TinyMCE编辑器内容中删除一个具有特定类的div

在理想情况下，我希望能够通过valid_elements选项实现这一点，但我不知道这是否可行

以下是编辑器内容的示例：

<div class="content">
Some html content here
<div class="anotherclass"></div>
</div>

这里有一些html内容

我想要这个

<div class="content"> 

剥离，以便编辑器仅显示以下内容：

Some html content here
<div class="anotherclass"></div>

这里有一些html内容

---

大家好。

首先获取div的innerHTML，然后将该内容附加到div中，然后可以删除它

在jQuery中：

var contentHtml = $(".content").html();
$(".content").after(contentHtml);
$(".content").remove();

---

当然，如果这些类有多个div，则会更复杂，因为这样您就必须与父类等一起工作。

这里的问题是，默认情况下，编辑器将有一个根块元素（在您的例子中是div），并且所有内容都包装在这种根块元素中。这是为了设计样式，但可以使用此初始化参数停用

force_p_newlines : false,
force_br_newlines : false,
convert_newlines_to_brs : false,
remove_linebreaks : true,  

完成后，您可以使用此代码轻松摆脱div

var $elements_to_be_removed = $(".content");
$elements_to_be_removed.each(function(index) {
    $(this).replaceWith(this.innerHTML);
});