这是几种下载CKEditor 5构建版本的方式:
获取可用构建版本的列表,请查阅概览。
下载完成后请查阅基础api指南来学习如何创建编辑器。
可以直接从CKEditor CDN在页面内加载构建,CKEditor CDN针对全球超快速内容交付进行了优化。 使用CDN时,实际上不需要下载。
所有版本都在npm上发布。 使用此搜索链接查看npm中可用的所有官方构建包。
使用npm安装一个构建版本是非常简单的,你可以直接在你的项目中执行下面的一个命令:
npm install --save @ckeditor/ckeditor5-build-classic
# Or:
npm install --save @ckeditor/ckeditor5-build-inline
# Or:
npm install --save @ckeditor/ckeditor5-build-balloon
# Or:
npm install --save @ckeditor/ckeditor5-build-decoupled-document
之后CKEditor就会被安装在node_modules/@ckeditor/ckeditor5-build-[name]/build/ckeditor.js
,你可以使用require( '@ckeditor/ckeditor5-build-[name]' )
来引入。
到CKEditor5构建版本下载页面下载你比较喜欢的构建版本。例如,你可以下载ckeditor5-build-classic-1.0.0.zip
文件来使用Classic编辑器构建版本。
将.zip文件解压缩到项目内的专用目录中。 建议在目录名称中包含编辑器版本,以确保在安装新版本的CKEditor后不会因为缓存失效。
ckeditor.js
– 准备去使用的包,包含编辑器和所有插件。ckeditor.js.map
– 编辑器包的源映射。translations/
– 编辑器UI语言包(更多信息请查阅设置UI语言)。README.md
和 LICENSE.md
在你的应用程序中下载并安装CKEditor 5版本后,就可以在您的页面中使用编辑器API了。为此,加载API入口点脚本就可以了:
<script src="[ckeditor-build-path]/ckeditor.js"></script>
当CKEditor脚本加载后,你可以使用API在你的页面中创建编辑器。
build/ckeditor.js
文件以UMD格式生成,因此如果使用CommonJS模块(如Node.js)或AMD模块(如Require.js),也可以将其导入应用程序。更多信息请阅读基础API指南。
此外,对于更高级的设置,您可能希望将CKEditor脚本与应用程序使用的其他脚本压缩到在一起。 有关它的更多信息,请参阅高级设置。
文章作者ianzhi,原文地址:https://cloud.tencent.com/developer/article/1476795
文章版权归作者所有,转载请保留此声明。