TinyMCE删除具有特定类别的DIV

Question

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

在理想的世界中，我希望能够通过valid_elements选项来执行此操作，但我不知道它是否可以实现。

这是编辑器内容的样本：

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

我想要

<div class="content"> 

删除，以便编辑器仅显示以下内容：

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

干杯们。

Answer 1

首先获取div的innerHTML，然后将该内容附加到div，然后将其删除。

在jQuery中：

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

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

Answer 2

这里的问题是，默认情况下，您的编辑器将具有root_block元素（在您的情况下为div），并且所有内容都被包装在这种root_block元素内。 这样做是出于样式目的，但是可以使用此初始化参数将其禁用

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);
});