Angular项目如何集成CKEditor上传图片插件

Question

我想在 CKEditor 中添加“选择文件选项”。为此，我指的是 Upload image plugin

上的文档

单击此图像图标时，window 下方会打开

没有上传图片选项（选择文件选项）。我想将此插件与 CKEditor 一起添加。有什么方法可以使用 npm 添加它吗？

或者有没有其他方法可以在 CKEditor 4 中包含此功能？

Answer 1

如果有人在找，这里分享上面的相同内容。

设置 extraPlugins: 'uploadimage' 配置选项。
通过 config.filebrowserBrowseUrl 和 config.filebrowserUploadUrl configuration 设置进行设置。
根据Documentation

ckfinder

这是示例demo

主要部分是

this.ckeConfig = {
      extraPlugins: 'uploadimage',
      uploadUrl:      'https://ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json',

      // Configure your file manager integration. This example uses CKFinder 3 for PHP.
      filebrowserBrowseUrl:'https://ckeditor.com/apps/ckfinder/3.4.5/ckfinder.html',
      filebrowserImageBrowseUrl:'https://ckeditor.com/apps/ckfinder/3.4.5/ckfinder.html?type=Images',
      filebrowserUploadUrl:'https://ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Files',
      filebrowserImageUploadUrl:'https://ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Images'
    };

Angular项目如何集成CKEditor上传图片插件

How to integrate upload image plugin of CKEditor in Angular Project

ckeditor

ckeditor4.x

angular