javascript - jquery Microsoft Word/Google 文档分页

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; }

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