jquery微软Word /谷歌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; } 

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