如何在tinymce编辑器中允许一些自定义标签

Question

当我在tinymce编辑器中获取html代码时，我的<Figure>标记将被该编辑器删除。

如何在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

在jquery中使用.html()

$("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