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