在我们的构建过程中(使用 grunt),我们将所有脚本连接、缩小和丑化为一个脚本(也意味着仅一个请求)。
现在 CKEditor 4 似乎正在使用模块样式加载方法。
谁能告诉我如何将 CKEditor 4 包含到包含所有必需源的项目中,这样以后就不会动态加载了?
CKEditor 有两种工作模式:
-
在开发(源码)模式下:
- 你包括
ckeditor.js
file,
- 它加载所有核心文件,
- 它加载
config.js
(您可以通过设置来关闭它配置.自定义配置 http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-customConfig为虚假值),
- 它加载样式设置文件,除非你设置config.stylesSet http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-stylesSet to
false
(自 4.1RC 起)或样式数组(直接设置),
- 它检查应该加载哪些插件,
- 它加载插件和这些插件的依赖项,
- 它加载插件的语言文件,
- 它初始化所有插件,
- 同时加载一堆样式表文件(很少用于编辑器 UI,一个用于内容,除非是内联编辑器)和图标文件(每个按钮一个),
- 准备好了!
- 但如果你打开一个对话框,它会加载对话框的 JS 文件;关于例如同样按需加载的 Word 过滤器粘贴;这个想法是,这些东西一开始不需要,而且它们相当重,所以最好稍后再加载它们。
-
在发布(构建)模式下,您可以使用在线构建器 http://ckeditor.com/builder, 或者预设生成器 https://github.com/ckeditor/ckeditor-presets或直接在中可用的开发构建器dev repo https://github.com/ckeditor/ckeditor-dev,事情得到了优化:
- 你包括
ckeditor.js
file,
- 它包含构建中包含的所有核心文件和所有插件文件
-
config.js
and styles.js
文件是单独下载的,但是就像在开发模式中一样,您可以保存这2个HTTP请求,
- 加载一个语言文件,其中包含构建中包含的所有插件的翻译,
- 所有插件都已初始化,
- 加载一个用于编辑器 UI 的样式表文件和一个用于内容的样式表文件(除非是内联编辑器)以及一个图标条,
- 准备好了!
- 对话框文件和来自字过滤器文件的粘贴是按需加载的。
注意:所有 JS 和 CSS 文件在发布模式下都会被缩小。
您可以尝试优化一些事情。
- 你可以尝试串联
ckeditor.js
包含语言文件、对话框和 PSW 过滤器文件 - 因此所有 JS 文件都可以连接在一起。
- 编辑器 UI 样式表文件也许可以与页面的样式表连接起来,但您必须找到一种方法来防止编辑器自行加载它。
- 内容样式表 - 即使您使用框架编辑器,您也可以将其删除,但您需要使用fullPage http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-fullPage功能(不推荐)。
- 您无法将图标条与您的条合并。
我想就这些了。我认为默认情况下 CKEditor 版本已经优化得很好。你可以改进一些东西,但你不会节省很多时间,而且你会失去一些功能,比如自动语言识别。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)