image - 如何设置 TinyMCE 使其不允许内联数据图像？

Question

我在 CMS 上安装了 TinyMCE，用户一直在粘贴内联数据类型的图像。这种事情:

<img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/
/ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp
V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7" 
width="16" height="14" alt="embedded folder icon">

他们正在粘贴一些非常大的图像，并将内容存储在数据库中。这使得数据库的大小增长得非常快，并且已经有一个媒体上传组件可用，那么我如何简单地阻止编辑器接受这种类型的图像？

Answer 1

这取决于你想要什么。
由于您将无法使用 valid_elements 和 child_elements 来禁止这种元素，因此您将不得不采用其他方式。

案例1 :您不希望用户在粘贴时输入此类图像。

您将需要使用粘贴插件并设置参数 paste_pre

paste_preprocess : function(pl, o) {
    window.console && console.log('Object', o);
    window.console && console.log('Content:', o.content);

    // modify o.content here -> remove images of that kind
    o.content = o.content.substr(...)
}

案例2 :您希望图像在保存到数据库之前被过滤掉。

您可以使用 tinymce setup paramter combined with onSave摆脱他们。

根据您的描述，您似乎想要案例 1。