专栏首页LNMP开发那些事安装 - 整合方法 - 构建文档 - ckeditor5中文文档

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

下载可选项

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

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

下载完成后请查阅基础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.mdLICENSE.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://www.dnote.cn/users/ianzhi/posts/ckeditor5-build-integration-installation

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 常见问题 - 构建文档 - ckeditor5中文文档

    不像CKEditor 4, CKEditor 5实现了自定义数据模型。这意味着加载到编辑器中的每个内容都需要转换为该模型,然后再渲染回视图。

    ianzhi
  • angular 2+组件 - 框架 - 集成 - 构建文档 - ckeditor5中文文档

    CKEditor 5由现成的编辑器构建和构建所基于的CKEditor 5 Framework组成。

    ianzhi
  • vue组件 - 框架 - 集成 - 构建文档 - ckeditor5中文文档

    为Vue.js安装CKEditor 5 WYSIWYG编辑器组件以及您选择的构建。

    ianzhi
  • 德国机器人邮差“路考”过关,或将全德推广

    据外媒报道,10月底,德国邮政在巴特赫尔斯费尔德投放了多台投递机器人进行上路测试,经过为期六周的试验之后,德国邮政认为情况非常乐观,计划在全德范围内投放使用。 ...

    机器人网
  • SpringBoot不重启修改日志级别【Slf4jj动态日志级别】

    扩展:可将此功能放入后台管理系统中,管理员只需,点选日志级别即可切换服务器的日志级别。 栗子 Like this:

    崔笑颜
  • C++运算符重载形式——成员函数or友元函数

    运算符重载是C++多态的重要实现手段之一。通过运算符重载对运算符功能进行特殊定制,使其支持特定类型对象的运算,执行特定的功能,增强C++的扩展功能。

    Dabelv
  • Kubernates之给宿主机打上Label

    描述下情况: 新加入一台机器到k8s中,由于这台机器运行内存有16g,所以我们要给它打个label,让内存耗的高的调度到这台,使用如下List-1命令:

    克虏伯
  • 关于laravel 日志写入失败问题汇总

    项目部署到Linux 服务器上后有时会出现 每日日志无法写入的问题。由此汇总一下常出现的问题及解决方式。

    砸漏
  • sql sever分组查询和连接查询

    分组查询 select 查询信息 from 表名 where 条件 group by 按照列分组(可多个 ,隔开) order by 排序方式 (查询信息如果列...

    房上的猫
  • Window日志分析

    Windows系统日志是记录系统中硬件、软件和系统问题的信息,同时还可以监视系统中发生的事件。用户可以通过它来检查错误发生的原因,或者寻找受到攻击时攻击者留下的...

    Bypass

扫码关注云+社区

领取腾讯云代金券