Vytvárať automatické prerušenia stránky v textarea (editor) - javascript, html, css, editor

Momentálne používam redaktor. Dokumenty vytvorené na mojich stránkach sú určené na prípadnú tlač, takže chcem, aby používateľ viditeľne prerušil zobrazovanie stránok počas úpravy. Môžem ľahko pripojiť absolútne umiestnený div, ktorý ukáže používateľovi, kde sa budú prerušiť stránky, ale pretože sú absolútne umiestnené, nenašiel som spôsob, ako vytvoriť text, ktorý používateľ píše o skutočnej prestávke okolo prerušenia stránky. Napríklad prerušenie stránky by práve sedelo na vrchole obrázku namiesto toho, aby nútilo, aby obrázok začal pod ním.

http://codepen.io/anon/pen/KwxXjm

v súčasnosti toto robím, keď vytvorím inštanciu editora:

Javascript

$(".redactor-editor").append("<div class="page-break1"></div>");

CSS

.redactor-editor .page-break1{
page-break-after: always;
position: absolute;
top: 1420px;
height: 5px;
width: 100%;
border-bottom: 1px solid #333;
background-color: red;
}

.redactor-editor{
position: relative;
}

Rozhodne si uvedomujem, že absolútna CSS nemusí byť cesta, jednoducho neviem čo je. Ďakujem vopred.

odpovede:

To je dobré odbočenie http://ckeditor.com/ do TextArea dobrý editor s defirent režimom a úrovňou detailov potrebujú užívateľa