如何在Angular中通过URL向ckeditor文档编辑器添加图像插入?

如何在Angular中通过URL向ckeditor文档编辑器添加图像插入?,angular,typescript,ckeditor,text-editor,image-upload,Angular,Typescript,Ckeditor,Text Editor,Image Upload,我在查看ckeditor文档,但找不到通过url将插入图像添加到现有文档编辑器构建的解决方案,我成功地集成了ckeditor(我选择文档编辑器而不是经典编辑器),但是我需要通过url上传图像功能,所以我在文档中遵循了一些示例,当我访问描述此问题的链接时,我发现出现了一个错误ckeditor duplicated modules,我应该从src/decoupled editor调用我的构建,但是ckeditor node_modules中没有src文件夹。在angular中,有没有简单的解决方案可

我在查看ckeditor文档,但找不到通过url将插入图像添加到现有文档编辑器构建的解决方案,我成功地集成了ckeditor(我选择文档编辑器而不是经典编辑器),但是我需要通过url上传图像功能,所以我在文档中遵循了一些示例,当我访问描述此问题的链接时,我发现出现了一个错误
ckeditor duplicated modules
,我应该从src/decoupled editor调用我的构建,但是ckeditor node_modules中没有src文件夹。在angular中,有没有简单的解决方案可以通过文档编辑器中的url添加图像上传

这是我的ts文件的一部分,其中包含ckeditor:

import*作为“@ckeditor/ckeditor5构建解耦文档”的解耦编辑器;
从“@ckeditor/ckeditor5 image/src/ImageInsert”导入ImageInsert;
导出类HomeComponent实现OnInit{
公共编辑器=解耦编辑器;
公共模型={
编辑数据:“你好,世界!

”, }; 公共onReady(编辑器){ editor.ui .getEditableElement() .parentElement.insertBefore( editor.ui.view.toolbar.element, editor.ui.getEditableElement() ); } 恩戈尼尼特(){ this.Editor.create(document.querySelector(“#ckeditor”){ 插件:[ImageInsert], 工具栏:[“图像插入”], }); } }
这是我的html文件的ck部分: