javascript - TinyMCE:验证每次击键的元素

Question

我使用 TinyMCE 作为所见即所得编辑器的基础，并且我只想允许在其中输入 HTML 元素的子集，无论其含义如何。

可以通过三种不同的方式将 HTML 元素输入编辑器:按钮(例如粗体按钮)、快捷键(CTRL+B 表示粗体)和复制粘贴。

我使用的是自定义模板，因此只有有限数量的按钮可容纳一定数量的元素。

但是使用快捷方式或复制/粘贴，用户可以将任何他想要的内容添加到编辑器中。

valid_elements配置选项允许过滤掉元素(它作为白名单)，但它仅在清理时触发，(AFAIK)仅在提交表单时运行。

这很棒，但是如果不是有效元素，我就不希望将它们添加到编辑器中。

我怎样才能实现这种行为？

Answer 1

This is great, but I don't want things to be added to the editor in the first place if they're not valid elements.

这并不容易，因为您需要检查代码进入编辑器的每种方式，并在插入之前检查 html 代码是否有效。在这些操作中自行调用清理可能会更容易:ed.execCommand('mceCleanup');

否则您将必须检查

• 使用代码插件插入
• 使用paste_preprocess setting复制/粘贴
• 使用代码插件插入
• 最烦人的是:使用右键单击浏览器菜单进行粘贴(处理起来很麻烦)