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

然後將頁面類添加到以前的頁面元素。這將在打印時創建單獨的頁面。您可以爲頁面元素添加邊框，以使其在頁面上明顯分離。