CKEditor 4对于Angular。 CKEDITOR单例和外部配置

Question

我希望将CKEDITOR 4集成到我的角度应用程序中，但是我很难理解如何进行一些配置，这些配置在与其他框架（即jQuery）一起使用时会得到更好的解释。我遵循了this指南，但是它是非常基本的，并且没有阐明很多方面：

1. 最重要的是：如何访问提供许多功能的CKEDITOR单例（例如，以编程方式覆盖配置）。
2. 关于配置，指南中描述的only方法是向组件添加配置指令，但是这种情况不符合我的需要，因为我希望将外部配置文件与许多其他选项一起使用。
3. 没有描述如何添加自定义插件。

有人有我相同的需求并且可以提供帮助吗？

编辑：通过在angular.json文件中添加脚本部分，我可以找到一种加载本地捆绑版本的方法。这样可以确保从本地而不是从CDN加载ckeditor.js文件，但是它不起作用。我在ckeditor github中打开了一个ticket，但是他们关闭了却没有给出为什么它不起作用的完整解释。非常欢迎您提供帮助，因为我坚持这样做！

Answer 1

最后，我弄清楚了如何实现自己的目标。首先，显然在angular.json文件中使用script方法存在一个错误，因此无法使用。我所做的是将ckeditor软件包部署为Web项目的静态资源（不同于angular）。然后，在ckeditor标记中，使用editorUrl属性访问此本地资源：

<ckeditor #ckeditortextarea editorUrl="http://localhost:7001/myapp/ckeditor4/ckeditor.js" id="myeditor" name="myeditor" tagName="textarea" (dataChange)="change($event)" (blur)="touched($event)" (ready)="ready($event)"></ckeditor>

并且有效！通过这种方法，可以自定义本地部署程序包中的所有内容。关于对[[CKEDITOR单例的访问，它比预期的要容易。在组件中声明一个变量（即CKEDITOR），然后在ready事件中将其分配为

this.CKEDITOR=window['CKEDITOR'];

就这些！