如何将CKEditor 4 easy image集成到Angular6中？

Question

最近我尝试使用 CKEditor 4 为我的网站上传图片。但是，我在 Internet 上找不到任何关于向我的项目添加 Easy Image 附加组件的解决方案，因为我已经通过终端安装了 CKEditor4。我发现我们需要在 CKEditor 的根文件夹中更改 config.js 但我找不到终端安装的任何 config.js 文件。有人可以帮我解决这个问题吗？非常感谢。

I cannot find config.js in my project

But I can find it if I download directly from CKEditor

Answer 1

将 CKEditor 与 angular 一起使用的最佳方法是将此标签放在 index.html

  <script src="https://cdn.ckeditor.com/4.11.3/full-all/ckeditor.js"></script>

并使用ng2-ckeditor

示例应用程序 here

添加 EasyImage 修改配置

  ngOnInit() {
    this.ckeConfig = {
      allowedContent: false,
      extraPlugins: 'divarea,easyimage',
      forcePasteAsPlainText: true,
      cloudServices_tokenUrl:'YOUR_TOKEN_URL'
    };
  }

可用的配置选项here

如何将CKEditor 4 easy image集成到Angular6中？

How to integrate CKEditor 4 easy image into Angular 6?

ckeditor

ckeditor4.x

angular