ckeditor5用法
声明:ckeditor5是一款功能非常强大的富文本编辑器,里面提供了很多word的特色功能,例如,分页,导出pdf,导出word
使用方式
ckeditor5虽然给我们提供了很多的插件,但是例如分页插件,他并不是直接在富文本工具栏中的,工具栏中的工具是可以自定义的,下面是如何自定义插件的步骤
1.首先提示一下ckeditor5中的分页功能是需要收费的,但是ckeditor5给我们提供了一个注册30天的免费使用
注册地址
2.因为分页这个功能并不是直接在ckeditor5中的,所以我们只有先安装分页插件然后在使用,为了防止没讲清楚,附原插件安装文档
首先
git clone -b stable https://github.com/ckeditor/ckeditor5
// 首先通过git克隆ckeditor5 打包配置源码
cd ckeditor5/packages/ckeditor5-build-classic
// 进入源文件进行插件配置
npm install
// 初始化依赖
npm install --save-dev @ckeditor/ckeditor5-alignment
// 安装需要的依赖,然后按文档要求后引入
yarn run build
// 最后通过打包生成build文件
sample文件中的html可以预览你当前打包文件的一些功能,最后引入vue也是将build文件放入然后搭建
总体来说插件功能比较强大,但是坑还是很多,比较麻烦,上手比较慢,包括使用pdf word 导出也有很多细节的问题,如果不在乎可以使用