CKEditor上传图片,粘贴内容包含<img />标签

问题描述 投票:0回答:0

我在 React 中使用 CKEditor。我想实现一个功能:当我粘贴从其他来源复制的内容时,如果有标签,我希望这些图片自动上传到服务器。也许使用某种事件/侦听器?我不知道。有人可以帮我弄这个吗?如果可能的话,给我看一些代码示例。谢谢!

<CKEditor
    editor={ ClassicEditor }
    data={content}
    config = {{ 
        toolbar: {
            items: [ 'heading', 'fontFamily', 'bold', 'italic', 'strikethrough', '|','link', 'bulletedList', 'numberedList', 'outdent', 'indent', '|', 'blockQuote', 'code', 'codeBlock', '|', 'imageUpload', 'mediaEmbed', '|', 'insertTable', 'undo', 'redo', '|', 'sourceEditing'],
            shouldNotGroupWhenFull: true
        }
    }}
                            

    onReady={(editor)=>
        {
            editor.plugins.get("FileRepository").createUploadAdapter = function(loader) {
                return new UploadAdapter(loader)
            };
        }
     }
     onChange = {(event, editor)=>{
     }}

     onBlur = {
         (event,editor)=>{
              let data = editor.getData()
              setContent({content: data})
          }
     }

/>

我在 OnReady 中尝试

editor.on('paste', function(){})
,但看起来它不起作用。

reactjs ckeditor5
© www.soinside.com 2019 - 2024. All rights reserved.