安装 - 整合方法 - 构建文档 - ckeditor5中文文档

下载可选项

这是几种下载CKEditor 5构建版本的方式：

• CDN
• npm
• Zip压缩包

获取可用构建版本的列表，请查阅概览。

下载完成后请查阅基础api指南来学习如何创建编辑器。

CDN

可以直接从CKEditor CDN在页面内加载构建，CKEditor CDN针对全球超快速内容交付进行了优化。 使用CDN时，实际上不需要下载。

npm

所有版本都在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]' )来引入。

Zip压缩包

到CKEditor5构建版本下载页面下载你比较喜欢的构建版本。例如，你可以下载ckeditor5-build-classic-1.0.0.zip文件来使用Classic编辑器构建版本。

将.zip文件解压缩到项目内的专用目录中。 建议在目录名称中包含编辑器版本，以确保在安装新版本的CKEditor后不会因为缓存失效。

引入文件

• ckeditor.js – 准备去使用的包，包含编辑器和所有插件。
• ckeditor.js.map – 编辑器包的源映射。
• translations/ – 编辑器UI语言包（更多信息请查阅设置UI语言）。
• README.md 和 LICENSE.md

加载API

在你的应用程序中下载并安装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

文章版权归作者所有，转载请保留此声明。