如何使用 tinymce 发布自定义 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 您可以单击工具/源代码查看编辑器中存在的 HTML。