如何使用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。