ckeditor - 如何将 CKEditor 用作使用 webpack 或类似工具构建的 NPM 模块

Question

如何将来自 npm 的 CKEditor 与 webpack 一起使用？

理想情况下我想要 npm install ckeditor --save然后 var CK = require('ckeditor');没有任何全局命名空间污染。

Answer 1

问题

据我所知，目前不可能将 CKEDITOR 作为一个 block 直接加载到 webpack 中而不会出现一些错误，尤其是在开始加载其他插件时。造成这种情况的原因之一似乎是 ckeditor 在运行时执行它自己的异步请求，导致我尝试过的几乎所有实现都出现了各种问题。

解决方案

使用 scriptjs 将其作为外部库加载。

npm install scriptjs --save

现在在您的代码中，您可以这样称呼它:

var $s = require('scriptjs');
$s('./vendor/ckeditor/ckeditor.js', function(){
    CKEDITOR.replace('editor1');
});

请注意。

这不适用于未压缩的源代码，因为 ckeditor 函数并不直接在 ckeditor.js 文件中。由于未完成的网络请求，这将导致您的其余逻辑在 CKEDITOR 对象完全构造之前运行。

如果你想修改CKEDITOR克隆的源代码 https://github.com/ckeditor/ckeditor-dev并运行它的构建脚本以获得一个有效的定制版本。

看起来 CKEditor 在版本 5 中采用了 ES6，我怀疑他们会在这个版本中支持 webpack，但谁知道它在发布之前要开发多长时间。

如果有更好的方法可以做到这一点，请告诉我。