Question

我正在使用TinMCE编辑网站内容，需要使用TinyMCE插件通过按钮添加自定义HTML，所以当我点击按钮时，会添加以下内容：

<div class="custom">
    <a class="header">title</a>
    <a class="delete">delete</a>
    <p>Some text</p>
</div>

这一切都正常，但我想添加一个链接，所以当我点击删除时，div会从TinyMCE内容中删除。

有可能吗？

由于

Answer 1

如果您使用的是tinyMCE 4.X，可以使用＆lt;＆gt;完成。工具下的源代码编辑器选项。当你打开它时，你会看到你在tinyMC编辑器中输入的html源代码。

<div class="custom">
    <a class="header">title</a>
    <a class="delete" onclick="this.parentNode.remove();">delete</a>
    <p>Some text</p>
</div>

只需确保已添加锚点onclick为extended_valid_elements 例如

tinymce.init({
...
extended_valid_elements : "a[onclick]"
... });