前言

最近正在研究电子病历开发 基于富文本（slate）的开发方案 第一站就是研究富文本的分页方案 有志同道合的伙伴欢迎留言，后面还会持续更新

方案大纲 暂时发现三种

1.真分页 每个页面内容由每个页面的元素承载 2.假分页 分为“输入层”和“分页展示层”，输入的元素不分页，底层分页元素根据高度产生分页效果 3.不做实时分页 提供打印分页预览 输入时不做分页 提供打印分页预览（带页眉页脚）pdf、图片生成等

真分页方案

难点分析

1.涉及字符级别的切割和运算（算法极难，操作复杂，基于富文本的病历编辑器目前没有先例） 2.一次倒入多页内容时，运算量极大，容易卡顿，导致浏览器无响应等 3.表格、组件分页切割问题（目前只能是再生成一个然后拼接） 4.多页情况，操作第一页，后面的N多页面都需要重新排版布局 5.富文本的事件都要监听（输入、选择、回车等），同时做大量运算，然后重新排版，如何保证性能？ 6.元素高度都不是统一的，要测算高度，就需要把所有节点都获取并获取其高度进行运算

假分页方案

假分页实现原理

1.书写层：用于用户输入，它是一个整体，无论写多少页，其实 都是一个元素 2.分页展示层：为分页效果展示，在书写层下方 3.占位符：包含页眉页脚，占位不动

假分页难点分析

1.涉及字符级别的切割和运算（算法极难，操作复杂，目前没有先例） 2.一次倒入多页内容时，运算量极大，容易卡顿，导致浏览器无响应等 3.表格、组件分页切割问题（目前只能是再生成一个然后拼接） 4.多页情况，操作第一页，后面的N多页面都需要重新排版布局 5.富文本的事件都要监听（输入、选择、回车等），同时做大量运算，然后重新排版，如何保证性能？ 6.元素高度都不是统一的，要测算高度，就需要把所有节点都获取并获取其高度进行运算 7.占位符不随文档流自然排版，需要通过运算保持原位置

不做实时分页方案

难点分析

1.如何在打印预览时插入页眉页脚（难点在于：要知道在哪插入页眉页脚，因为每个元素高度不同，要得知每页能放哪些元素同样面临每个元素高度计算，把每页元素都计算好，并在合适位置插入页眉页脚，同时面临元素、表格切割等问题） 2.如何生成PDF？PDF也要带页眉页脚

总结：目前我是实现了不实时分页的方案，市面的都昌编辑器就是不实时分页，难点用就能解决