TinyMCE 允许所有 HTML 标签

在 Web 开发中，富文本编辑器是一个非常重要的组件。TinyMCE 是一个流行的开源富文本编辑器，可以轻松地集成到网站或应用程序中。默认情况下，TinyMCE 会将输入的 HTML 代码转换为安全的文本格式，这意味着一些 HTML 标签和属性会被过滤掉。但是，在某些情况下，我们可能需要允许所有 HTML 标签，以便用户能够自由地输入任何自定义标记。

解决方案

TinyMCE 提供了一种配置方式，可以允许所有 HTML 标签。我们只需要在初始化时将 valid_elements 设置为 "*[*]" 即可。

tinymce.init({
  selector: 'textarea',
  valid_elements: "*[*]"
});

这个设置告诉 TinyMCE 允许所有类型的标签和属性，包括 HTML5 和自定义标记。它还允许所有属性值，但仍然过滤一些危险的 JavaScript 事件（如 onclick）和样式属性（如 style）。

注意事项

允许所有 HTML 标签可能会带来安全风险，因为用户可以输入带有恶意代码的标记。因此，我们应该仔细考虑是否真的需要这个功能，并在必要时采取其他安全措施，例如在服务器端进行输入验证和过滤。

小结

允许所有 HTML 标签是使用 TinyMCE 的一个常见需求。我们可以通过设置 valid_elements 参数来轻松地实现这个功能。然而，这也可能会引入安全风险，因此我们应该谨慎使用，并采取其他必要的安全措施。

希望这篇文章对你有帮助！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29089