时间戳

首页 > 解决方案 > 如何使用 tinymce 发布自定义 html 标签

html - 如何使用 tinymce 发布自定义 html 标签

问题描述

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

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

但是当您尝试插入自定义标签时，单击自定义按钮时它什么也不做：

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

我认为问题在于 tinymce 正在清理我的自定义标签（文档）。

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

基本上 - 我怎样才能让 tinymce 允许我插入自定义 html 标签？我认为这可能与传入的参数有关，但我不确定。

标签： htmltinymce

解决方案

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

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

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

推荐阅读