如何让在TinyMCE的编辑一些自定义标签(How to allow some custom tag

当我通过这个编辑器害虫一个HTML代码TinyMCE的编辑器内我<图>标记删除。

如何让在TinyMCE的编辑此标记。

<ul>
<li>
    <div class="list-top">
        <figure>1</figure>
        <div class="list-top-right">
            <h3>It's Competitive Out There</h3>
        </div>
    </div>      
</li>
</ul>

它转换成

<ul>
<li>
    <div class="list-top">
        1
        <div class="list-top-right">
            <h3>It's Competitive Out There</h3>
        </div>
    </div>      
</li>
</ul>

只是删除此<figure>1</figure>标签

Answer 1:

使用.html() jQuery中

$("ul li").html(function(i,h){ 
         return h.replace(/<figure>/g,'').replace(/<\/figure>/g,'');
}); 

小提琴

Answer 2:

你需要告诉TinyMCE的治疗figure为有效的元素。

使用此选项： http://www.tinymce.com/wiki.php/Configuration:extended_valid_elements

文章来源: How to allow some custom tag in tinymce editor