如何使用 tinymce post 自定义 html 标签

Question

我正在尝试使用自定义按钮插入一些自定义 html，效果很好，如下所示：

editor.selection.setContent('<a href="example.com">Custom Link</a>

但是当你尝试插入一个自定义标签时，当你点击自定义按钮时它没有任何反应：

editor.selection.setContent('<custom-link href="example.com">Custom Link</custom-link>

我认为问题是 tinymce 正在清理我的自定义标签 (docs)。

我还可以在上面的文档中看到您可以向 setContent 传递一个 args 对象，但我看不到您实际上可以传递哪些 args。

基本上 - 我怎样才能让 tinymce 允许我插入自定义 html 标签？我认为可能是传入了一个参数，但我不确定。

Answer 1

您需要通过其配置告诉 TinyMCE 您希望允许哪些自定义元素。您可以使用 custom_elements 和 extended_valid_elements 配置选项来执行此操作。例如：

custom_elements : 'custom-link',
extended_valid_elements : 'custom-link[href]'

这是一个工作示例：http://fiddle.tinymce.com/wphaab您可以单击Tools/Source代码查看编辑器中存在的HTML。