Добрый день!
Пишу редактор на js
При достижении высоты дива в 250 пикселей у меня срабатывает такой код:
js:
$(document).on('keypress', '.page', function(){
var pageId = parseInt($(this).attr('id'));
pageId = pageId + 1;
$('.edit').append('<div class="page" id="' + pageId + '" style="width: 594px;" contenteditable></div>');
$('#' + pageId).focus();
});
html:
<div class="edit" id="edit" >
<div class="page" id="1" style="width: 594px;" attr-height="0" contenteditable>
<div>Многие думают, что Lorem Ipsum - взятый с потолка псевдо-латинский набор слов, но это не совсем так. Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад. Ричард МакКлинток, профессор латыни из колледжа Hampden-Sydney, штат Вирджиния, взял одно из самых странных слов в Lorem Ipsum, "consectetur", и занялся его поисками в классической латинской литературе.</div>
</div>
</div>
css:
@media print {
.page {
page-break-before:always;
}
}
Создаю новый див с разрывом страницы для печати, т.е. по сути создаю новую страницу как в ворде.
Так вот меня интересует, если пользователь нажимает "enter" и создается разрыв страницы, то курсор у меня перескакивает на новую страницу, но вот что не могу понять, так как перенести текст, который был под курсором. У меня задача сделать как в ворде перенос текста на новую страницу при достижении высоты.
Подскажите пожалуйста.
