Javascript / Jquery поток текста в div

Как передать поток текста из одного div в следующий? Каждый div имеет фиксированную высоту и ширину, и мне нужны данные, которые должны быть переданы первым, а затем, если это заполнено переполнением в другое и т.д. (Второй и т.д. Div должны быть динамически созданы). В конце концов, divs будет довольным, это техника страницы для простого редактора стиля WYSIWYG.

Пожалуйста помоги...

JS Fiddle (обратите внимание на увеличение использования на теле) (мне нужно перепланировать на клавиатуре/вниз, делать страницы и удалять по мере необходимости и быть в состоянии добавить в середине)

function loadgo(){
    run();
    var h = document.getElementById('page'+(document.getElementById("pagecount").value-1)).offsetHeight;
    document.getElementById("loadgo").value = h+1;
    if (h > 1135){
        var pagecount = document.getElementById("pagecount").value;
        //$('body').append("<div class=page style='color:#F00' id='page"+pagecount+"' contenteditable>"+this.id+"</div>");
            var objTo = document.body;
            var divtest = document.createElement("div");
            divtest.style.color = '#F00';
            divtest.id = "page"+pagecount;
            divtest.className = 'page';
            divtest.contentEditable = "true";
            divtest.innerHTML = "new div";
            objTo.appendChild(divtest);
        document.getElementById("page"+pagecount).focus();
        document.getElementById("pagecount").value++;
        zoomin();zoomout();
        run();
    }
}
function run(){
    setTimeout(function() {
        loadgo();
    }, 500);
}
loadgo();