HTML / JS RTF编辑器分页

我正在研究如何使用富文本编辑器（如中型编辑器）以页面格式（A4，字母等）实现分页/分页符。

字体家族，字体大小，行高，边距将是固定的，因为这是一个非常具体的案例研究。我正在考虑在纯CSS（比例）中处理缩放级别，而不是直接修改宽度，高度等。

另外，为了实验起见，说我将仅在Chrome中运行，并且浏览器渲染差异并不是真正的问题（但是即使我是为各种浏览器构建的，我也会尝试使用更精确的单位，例如“ px”，“ em”表示字体大小，页面宽度，元素之间的边距等-可能只是“ px”）。

请记住，我并不是在问“ @page”规则或打印规则，我知道在打印PDF时如何实现这些目标，而是直接在浏览器中实现。打印应该（并将）由“ @page”处理，当我需要分页符时，我没有问题。

最后，我的问题是-我从哪里开始？

我假设考虑到字数统计和“ h（1,2,3 ...）”，“ p”标签页边距以及特定于案例的CSS规则（断点续传，断字，断行等） ）-即使将这些因素与js一起考虑可能也不是一件容易的事。

可能甚至包括页面高度？说，如果格式为A4：596px x 842px（72dpi）-当页面内“每个”元素的总高度==页面高度-[下页边距和首页页边距之和]时要考虑它吗？

除了后者（带有一个简单的js循环），如果有人有任何指针，或者甚至有一个代码片段（或一个插件？），我将不胜感激！谢谢！