jquery Microsoft Word/Google Docs Paging

Question

Ich versuche, einen Dokument Writer mit div contenteditable zu machen und würde gerne wissen, ob es möglich ist, dass wenn ich Inhalte schreibe, wird es automatisch als Seiten angezeigt.

Meine Idee ist es, ein alternatives Textverarbeitungsprogramm zu machen, aber ich blieb dabei stecken.

Aus meiner Forschung fand ich diesen http://jsfiddle.net/LukeGT/Vtdgh/2/

Welche ist wirklich erstaunlich Inhalt erstes Mal formatiert werden, aber es kann nicht dynamisch arbeiten.

Meine Grundidee war

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

jemanden zu haben, kann mir helfen?

Answer 1

Sie können beim Drucken von Inhalten Seitenumbrüche erstellen. Nicht sicher, ob dies genau das ist, wonach Sie gesucht haben:

.page { page-break-before: always; } 

Und dann hängen Sie die Seitenklasse an jedes Seitenelement an. Dadurch werden beim Drucken separate Seiten erstellt. Sie können den Seitenelementen einen Rahmen hinzufügen, um sie auf der Seite sichtbar zu trennen.