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