懒加载CKEditor 4

Question

目前发现延迟加载CKEditor 4的问题，欣赏任何建议。我尝试了什么：

• 包括ckeditor_basic.js，但这已经需要CKEDITOR 实例
• 点击加载ckeditor.js，但这会抱怨 ＆＃39;主线程上的同步XMLHttpRequest已弃用，因为 它对最终用户的体验产生了不利影响。＆＃39;以及 其他一些错误，失败了。

任何建议表示赞赏！

Answer 1

如果您想动态插入CKEditor脚本，可以使用此代码笔中的技术 - https://codepen.io/j_swiderski/pen/qPGRGb。在创建编辑器实例之前等待ckeditor.js加载非常重要，因此使用setInterval检查CKEDITOR对象是否可用似乎是一个好主意。

在您撰写的评论中，您不希望每次加载页面时加载编辑器。其中一个原因可能是ckeditor.js文件的大小。 如果您认为editor.js太大，请务必回答您真正需要多少插件，然后使用online builder根据您的需求创建编辑器。请使用开发工具查看以下示例，并注意ckeditor.js尺寸的差异：Full package有600KB而Basic Package只有400KB。如果您只需要基本格式，那么ckeditor.js可能会变小甚至在加载页面时不会出现问题。

如果您已经创建了一些自定义插件，那么建议的做法是从Githhub获取CKEditor source code，分叉它，进行更改/添加自定义插件build your editor。通过这种方式，您将获得包含自定义插件的缩小和混淆的编辑器实例，并且在加载页面时不应该是一个问题。