HTML / JS富文本编辑器分页

时间:2015-12-30 12:11:07

标签: javascript html css3 wysiwyg medium-editor

我正在研究如何使用富文本编辑器(如the Medium Editor)实现页面格式(A4,letter等)的分页/分页符。

字体系列,字体大小,行高,边距将被修复,因为这是一个非常具体的案例研究。我想在纯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循环),如果有人有任何指针,甚至可能是代码片段(或插件?),我将非常感激!谢谢!

0 个答案:

没有答案