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元素中。这样做是为了造型的目的而进行的，但可以一旦做到这一点，你可以使用此代码很容易摆脱TOF您的div使用该初始化PARAMS

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

被停用。

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