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