添加不属于TinyMCE内容的HTML元素

Question

[我想知道TinyMCE是否可以添加HTML元素，但是这些元素不会成为内容的一部分（即，如果我调用getContent()，它们将不会出现）。

我的用例是添加例如一个小的工具栏来编辑元素，并且该工具栏不应出现在getContent()返回的代码中。我在文档中找不到任何相关信息。知道TinyMCE是否允许这样的事情吗？

Answer 1

您可以使用valid_elements，invalid_elements和extended_valid_elements选项配置将保留哪些HTML元素。

valid_elements选项定义在保存编辑器时哪些元素将保留在编辑的文本中。

示例用法：

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  valid_elements : 'a[href|target=_blank],strong/b,div[align],br'
});

invalid_elements选项指示编辑器在TinyMCE执行清理时删除特定元素。

示例用法：

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  invalid_elements : 'strong,em'
});

extended_valid_elements选项与valid_elements非常相似。此选项和valid_elements之间的唯一区别是，此选项已添加到现有规则集中。

示例用法：

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  extended_valid_elements : 'img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]'
});

查看Tiny文档以获取更多信息：

• valid_elements
• invalid_elements
• extended_valid_elements