温馨提示:本文翻译自stackoverflow.com,查看原文请点击:reactjs - Prevent user from pasting images into CKEditor 5
ckeditor ckeditor5 reactjs

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

发布于 2020-05-09 10:56:49

我们的用户正在将粘贴图像复制到编辑器(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',
      },
    ],
  },
};

查看更多

提问者
Nicholas
被浏览
13
Reinmar 2020-02-20 19:22

如果你想完全禁用图像功能,这是-使它不可能为了要插入的图像/加载以任何方式编辑器,那么你就应该删除ImageImageToolbarImageStyle,“ImageUpload,并ImageCaption从你的编辑器插件。最简单的方法是使用config.removePlugins您还可以检查如何安装插件,因为卸载是相反的过程。

如果要禁止插入图像,但仍对内容中已经存在的那些图像保持支持,则需要以不同的方式处理它。您必须阻止粘贴/删除它们,这可以通过剪贴板集成公开功能来完成您可能也想ImageUpload在这种情况下删除该插件。最后,您可能不需要imageUpload工具栏中按钮,因此您必须重新配置它