我正在研究如何使用富文本编辑器（如Medium Editor）使用页面格式（A4、字母等）实现分页/分页符。
字体系列、字体大小、行高、边距将被固定，因为这是一个非常具体的案例研究。我正在考虑在纯 CSS（比例）中处理缩放级别，而不是直接修改宽度、高度等。
此外，为了实验，假设我将只在 Chrome 中运行它，浏览器渲染差异并不是真正的问题（但即使我为各种浏览器构建它，我也会尝试使用更精确的单位，例如字体大小的“px”、“em”、页面宽度、元素之间的边距等 - 可能只是“px”）。
请记住，我不是在询问“@page”规则或打印规则，我知道如何在打印出 PDF 时使用这些规则来实现我想要的，而是直接在浏览器中实现。打印应该（并且将）由“@page”处理，当我需要它们时，我没有问题在那里处理分页符。
最后，我的问题是——我从哪里开始？
我想考虑字数和“h(1,2,3...)”、“p”标签边距，以及特定于案例的 CSS 规则（break-after、break-word、break-line 等） ) - 即使用 js 考虑这些可能不会很容易。
甚至可能包括页面高度？比如说，如果格式是 A4：596px x 842px (72dpi) - 当页面内“每个”元素的总高度 == 页面高度 - [底部和顶部页边距的总和]时考虑它？
除了后者（使用简单的 js 循环），如果有人有任何指针，甚至可能是代码片段（或插件？），我将非常感激！谢谢！