📜  删除标签输入 tinymce (1)

📅  最后修改于: 2023-12-03 14:50:20.217000             🧑  作者: Mango

删除标签输入 tinymce

简介

当使用 TinyMCE 编辑器创建内容时,用户输入的内容可能会包含不必要的 HTML 标签。为了保持网站的一致性和安全性,需要去除这些标签。本文将介绍如何在 TinyMCE 中实现删除 HTML 标签的功能。

实现代码

以下代码演示了如何在 TinyMCE 中实现删除 HTML 标签的功能:

// 初始化 TinyMCE 编辑器
tinymce.init({
  // ...
  // 添加过滤器,去除所有 HTML 标签
  valid_elements: "",
  valid_children: "",
  cleanup_on_startup: true,
  cleanup: true,
  remove_linebreaks: true,
  // ...
});

以上代码中,我们添加了 valid_elementsvalid_childrencleanup_on_startupcleanupremove_linebreaks 这些设置,它们的作用分别是:

  • valid_elements: "":允许所有 HTML 标签;
  • valid_children: "":允许所有子元素;
  • cleanup_on_startup: true:启动编辑器时,清除不必要的 HTML 标签;
  • cleanup: true:清除编辑器中的不必要 HTML 标签;
  • remove_linebreaks: true:去除所有的换行符。

这些设置可以删除用户在 TinyMCE 编辑器中输入的不必要的 HTML 标签。

总结

本文介绍了如何在 TinyMCE 中实现删除 HTML 标签的功能。通过添加一些设置,可以轻松快速地去除用户输入内容中的不必要的 HTML 标签。