jQuery Microsoft Word / Google文檔分頁

Question

我正在嘗試使div內容的文檔編寫器可編輯，並想知道在編寫內容時是否有可能將其自動顯示為頁面。

我的想法是制造一個替代的文字處理器，但對此一無所知。

從我的研究中，我發現了這個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頁面元素。 打印時將創建單獨的頁面。 您可以在頁面元素上添加邊框，以使它們在頁面上明顯分開。