jquery Microsoft Word / Google Docs分页

Question

我正在尝试使用div contenteditable创建一个文档编写器，并且想知道当我编写内容时它是否可能自动被视为页面。

我的想法是制作一个替代文字处理器，但却陷入了困境。

从我的研究中我发现了这一点 http://jsfiddle.net/LukeGT/Vtdgh/2/

首次格式化内容真是太棒了，但却无法使其动态运行。

我的基本想法是

<div contenteditable="true">
content here will be displayed as paged somehow :/
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
content here
</div>

有人能帮助我吗？

Answer 1

您可以在打印内容时创建分页符。不确定这是否完全符合您的要求：

.page { page-break-before: always; }

然后将页面类附加到ever元素。这将在打印时创建单独的页面。您可以为页面元素添加边框，使它们在页面上明显分开。