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

そしてページクラスをページ要素に追加してください。これにより、印刷時に別のページが作成されます。ページ要素に境界を追加して、ページ上で目に見えるように区切ることができます。