javascript - 如何删除粘贴上除 p 标签以外的其他 html 标签？

Question

我的内联文本编辑器有点问题。很简单，用户有权在 textarea div 上复制粘贴。没问题。但我不想让他们粘贴带有图像和 div 元素的 html。

我用过

valid_elements: "p,br,b,i,strong,em",

它删除p 标签 内容的样式。

这样做，但这不是我要求的解决方案。

我也尝试过 paste_postprocess 但它对最新版本的 tinymce 没有任何作用。

而且我还尝试了许多已经发布在这个社区中的解决方案。但它们都不适合我，因为我使用的是最新版本 tinymce 4.0.26。

我知道我可以通过禁用右键单击来防止复制粘贴。但这不是一个好主意。

有什么方法可以从 html 内容中仅过滤具有 style 的 p 标签？

因此，如果有人使用最新版本的 tinymce 来复制粘贴。

请帮忙。

Answer 1

在使用 valid_elements 选项时，您需要明确告诉 TinyMCE 要保留哪些属性。例如，使用您之前的 valid_elements 列表，您可以执行如下操作:

valid_elements: "p[style],br,b,i,strong,em"

这告诉 TinyMCE 只保留列出的标签并保留为 p 标签定义的任何 style 属性。或者，您也可以通过执行以下操作来包含特定元素的所有属性:

valid_elements: "p[*],br,b,i,strong,em"

同样，这告诉 TinyMCE 保留所有列出的标签，但对于 p 标签，保留每个属性的定义。

有关此 valid_elements 选择器语法的更多信息，请查看 this page .