Question

当我在tinymce编辑器中查找html代码时我的＆lt;图形＆gt; 标记由此编辑器删除。

如何在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,'');
});

FIDDLE

Answer 2

您需要告诉TinyMCE将figure视为有效元素。

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

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

2 个答案: