延迟加载 CKEditor 4
Lazy load CKEditor 4
目前发现延迟加载 CKEditor 4 的问题,感谢任何建议。我尝试了什么:
- 包括
ckeditor_basic.js
但这已经需要一个 CKEDITOR
实例
- 点击时正在加载
ckeditor.js
但这会报错
'主线程上的同步 XMLHttpRequest 已被弃用,因为
它对最终用户体验的不利影响。也
其他一些错误,严重失败。
感谢任何建议!
如果您想动态插入 CKEditor 脚本,您可以使用此代码笔中的技术 - https://codepen.io/j_swiderski/pen/qPGRGb。在创建编辑器实例之前等待 ckeditor.js
加载很重要,因此使用 setInterval
检查 CKEDITOR
对象是否可用似乎是个好主意。
在您所写的评论中,您不希望每次加载页面时都加载编辑器。原因之一可能是 ckeditor.js
文件的大小。
如果您认为 editor.js
太大,请务必自己回答您真正需要多少插件,然后使用 online builder. Please have a look at below samples using dev-tools and notice the difference in ckeditor.js
size: Full package has 600KB
while Basic Package 只有 400KB
根据您的需要创建编辑器。如果您只需要基本格式,那么您的 ckeditor.js
可能会变得更小,并且在加载页面时应该不会有问题。
如果您创建了一些自定义插件,那么推荐的做法是获取 CKEditor source code from Githhub, fork it, make changes/add custom plugins, build your editor。这样您将获得缩小和混淆的编辑器实例,其中包括您的自定义插件,并且在加载页面时同样不会成为问题。
目前发现延迟加载 CKEditor 4 的问题,感谢任何建议。我尝试了什么:
- 包括
ckeditor_basic.js
但这已经需要一个CKEDITOR
实例 - 点击时正在加载
ckeditor.js
但这会报错 '主线程上的同步 XMLHttpRequest 已被弃用,因为 它对最终用户体验的不利影响。也 其他一些错误,严重失败。
感谢任何建议!
如果您想动态插入 CKEditor 脚本,您可以使用此代码笔中的技术 - https://codepen.io/j_swiderski/pen/qPGRGb。在创建编辑器实例之前等待 ckeditor.js
加载很重要,因此使用 setInterval
检查 CKEDITOR
对象是否可用似乎是个好主意。
在您所写的评论中,您不希望每次加载页面时都加载编辑器。原因之一可能是 ckeditor.js
文件的大小。
如果您认为 editor.js
太大,请务必自己回答您真正需要多少插件,然后使用 online builder. Please have a look at below samples using dev-tools and notice the difference in ckeditor.js
size: Full package has 600KB
while Basic Package 只有 400KB
根据您的需要创建编辑器。如果您只需要基本格式,那么您的 ckeditor.js
可能会变得更小,并且在加载页面时应该不会有问题。
如果您创建了一些自定义插件,那么推荐的做法是获取 CKEditor source code from Githhub, fork it, make changes/add custom plugins, build your editor。这样您将获得缩小和混淆的编辑器实例,其中包括您的自定义插件,并且在加载页面时同样不会成为问题。