TinyMCE特定のクラスのDIVを削除する

Question

特定のクラスを持つTinyMCEエディタのコンテンツからdivを削除したいと思います。

私はvalid_elementsオプションでこれを行うことができますが、達成可能かどうかはわかりません。ここで

は、エディタのコンテンツのサンプルです：

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

乾杯のみんな：

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

私はそうエディタはこれだけが表示されます取り去る

<div class="content"> 

をしたいと思います。

Answer 1

最初にdivのinnerHTMLを取得し、その内容をdivに追加してから削除することができます。 jQueryので

：もちろん

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

、あなたはそのより複雑なこれらのクラスで複数のdivを持っているならば、あなたは両親と一緒に作業する必要があるためなど

Answer 2

問題ここになりますよう、デフォルトでは、あなたのエディタはroot_block要素（あなたの場合はdiv）を持ち、すべてのコンテンツがその種のroot_block要素の中にラップされます。これは、スタイリングの目的のために行われているが、それはあなたが簡単にあなたのdiv TOFを取り除くために、このコードを使用することができます完了すると

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

paramsはこの初期化を使用して無効にすることができます。

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