基于CKEditor5，开发插件实现分页功能 远程兼职

1. CKEditor5富文本编辑器，本身不带分页功能，期望开发插件实现分页功能。
2. 在分页功能基础上实现页眉、页脚、页码的展示和编辑。
3. 实现所见即所得，导出的PDF和编辑页面表现一致。
4. 仅需要开发前端部分功能，后端接口开发由公司来承担。
5. 可以分两个阶段开发、上线。阶段一：核心分页功能完成。阶段二：在分页的基础上页眉、页脚、页码等功能完成。
6. 公司产品：https://docs.zhishigu.net/，可注册账号体验

7. 需求如下所述：
分页功能
编辑页两种模式，分页模式和连页模式,新建文件默认为分页模式,可以通过以下方式切换：

在编辑页面的底部加一个区域,显示分页模式的icon和字数等信息,底部区域的背景色与顶部工具栏相同,如下图所示.

1 分页模式
1.1底部显示分页模式的icon,第m页/共n页和总字数.鼠标放置到icon上显示"退出分页模式",单击icon后icon处于未选中状态,编辑器变为连页模式,鼠标放置到icon上显示"进入分页模式".(效果与腾讯文档https://docs.qq.com/保持一致)

1.2分页模式下页面间有间隙，大概如下图所示。

1.3页眉页脚
1.3.1光标移动到页眉或页脚区域的时候分别显示“双击编辑页脚”和“双击编辑页眉”字样，显示字样的效果与金山文档https://www.kdocs.cn/保持一致

双击弹出页眉页脚设置窗口（弹窗从导出PDF弹窗修改）

1.3.2弹窗区域分输入区和预览区（这块的输入及预览逻辑与导出PDF弹窗相同）
1.3.3编辑器内页眉和页脚区域的大小
 如下图所示,黑色为页面,红色为页边距,绿色为页眉和页脚区域.
 1+2+3的高度最小值为2cm,其中1为页眉到页边距的固定距离0.1cm,2为页眉固定高度1cm,3页眉到页面顶部的距离为可变值，最小为0.9cm（页边距越大，3的值越大）.

 如果页眉或页脚的内容为空，则页边距设置为0到2cm时有效；如果页眉或页脚有内容，则页边距设置为0到2cm时无效（此时编辑页的实际页边距为页眉或页脚的最小值2cm）,页边距设置为大于2cm才有效；
1.3.4 弹窗的内容在编辑页的显示逻辑
 左、中、右三个输入框表示对齐方式，不是三个区域，左侧输入框的内容较多时会从最侧一直向右排，超出页面部分不显示，如下图所示：

 左侧输入框的内容在编辑页页眉或页脚处左对齐，中间输入框的内容在编辑页页眉或页脚处中间对齐，右侧输入框的内容在编辑页页眉或页脚处右对齐，如下图所示；

 文字大小为小五，中文的字体为微软雅黑，英文及数字的字体为arial字体；
 页码样式为1,2,3…，字体大小为小五；
 插入的图片压缩到1cm高度（保持长宽比不变）；
 输入内容为单行文字时，文字在1cm高度方向上居中显示；最多能显示两行文字，超出两行之外的文字不显示。
1.3.5在页眉页脚弹窗填写信息并保存后会在编辑器页面显示。另外信息会同步到导出PDF弹窗。在导出PDF弹窗填写的信息也会同步到页眉页脚设置弹窗。
1.4分页时的图片处理
一张图片不能跨页显示
1.5分页时的表格处理
 整个表格高度不足一页时，不用自动放到一页上，可以分在两页显示
 跨页显示不能存在以下图示的情况：


 如果存在其余跨页逻辑，参考Word
1.6导出PDF后的效果与分页模式下看到的效果一致,即分页模式下为所见即所得.
2 连页模式
连页模式下不显示页眉和页脚。
底部显示分页模式的icon和总字数.鼠标放置到icon上显示"进入分页模式",单击icon后icon处于选中状态,编辑器变为分页模式,鼠标放置到icon上显示"退出分页模式".(效果与腾讯文档https://docs.qq.com/保持一致)

3.每个文档的模式单独保存,关闭文档时保存当前设置的模式.
4.编辑区域的缩放(绑定Ctrl+滚轮的快捷键)和全屏(效果与腾讯文档https://docs.qq.com/保持一致)