Reactjs 如何使用Base64UploadAdapter在React中将图像粘贴到CKEditor5中

根据React&CKEditor5图像上传选项：

以下代码不会正确呈现CKEditor组件：

import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import Base64UploadAdapter from '@ckeditor/ckeditor5-upload/src/base64uploadadapter';

...

<CKEditor
    editor={ ClassicEditor }
    data=  { value }        
    onInit={ editor => {
        console.log( { event, editor, editor.getData()} );
    } }
    onChange={ ( event, editor ) => {
        const data = editor.getData();
        onChange(data);
    } }
    onBlur={ editor => {
        console.log( 'Blur.', editor );
    } }
    onFocus={ editor => {
        console.log( 'Focus.', editor );
    } }
/>

---

而不是ckeditor build classic，但是组件根本不会呈现。

您应该从源代码构建编辑器，并使用

插件配置加载插件。您可以查看显示需要安装什么以及如何配置网页包的

你这样做是行不通的，因为有两件事：

禁止同时生成源代码和生成代码，并抛出
某些CKEditor 5模块重复。
错误。您只能添加一个没有任何导入到CKEditor 5代码的插件
使用
插件
配置覆盖默认的插件集。
extraPlugins
选项在没有任何导入到CKEditor 5代码库的情况下可以工作
下面的包是使用默认插件预先构建的

import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

为了根据需要添加或删除插件，您可以创建自定义构建。试试看。
您可以参考，您是否检查了控制台的错误？您应该会得到以下错误：ckeditor重复模块：某些ckeditor 5模块重复。阅读更多：@teleman你找到了让它工作的方法吗？检查下面的链接，看看你是否能够上传图像。它需要从CRANo中弹出吗？它需要创建CKEditor 5编辑器的自定义版本。但是，当然，您也可以从CRA中弹出并在不创建任何中间版本的情况下处理CKEditor 5源代码。
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';