防止用户将图像粘贴到CKEditor 5中

时间:2020-02-19 21:50:33

标签: reactjs ckeditor ckeditor5

我们的用户将粘贴图像复制到编辑器(CKEditor 5)中,这是我们不希望支持的。

建议的CKEditor 4修复程序似乎在5中不起作用。

如何更改编辑器以禁用此功能?

这是我的配置:

const editorConfig = {
  toolbar: ['heading', 'bold', 'italic', 'bulletedList', 'numberedList'],
  removePlugins: ['Image', 'ImageToolbar', 'ImageStyle', 'ImageUpload', 'ImageCaption'],
  heading: {
    options: [
      {
        model: 'paragraph',
        title: 'Paragraph',
        class: 'ck-heading_paragraph',
      },
      {
        model: 'heading2',
        view: 'h2',
        title: 'Heading',
        class: 'ck-heading_heading2',
      },
    ],
  },
};

1 个答案:

答案 0 :(得分:2)

如果要完全禁用图像功能,这是–使得无法将图像以任何方式插入/加载到编辑器中,然后应删除ImageImageToolbar,编辑器中的ImageStyle,'ImageUpload和ImageCaption插件。最简单的方法是使用config.removePlugins。您还可以检查如何install plugins导致卸载是相反的过程。

如果要禁止插入图像,但仍对内容中已经存在的那些图像保持支持,则需要对它进行一些不同的处理。您必须阻止粘贴/删除它们,这可以通过features exposed by the clipboard integration完成。在这种情况下,您可能也想删除ImageUpload插件。最后,您可能不需要工具栏中的imageUpload按钮,因此您必须reconfigure it