Question

如何将文本流从一个div传输到另一个div？每个div都有一个固定的高度和宽度，我需要将数据传递给第一个，然后如果填充溢出到另一个等等（第二个等div需要动态创建）。最终div将是contenteditable，这是一个简单的WYSIWYG样式编辑器的页面技术。

请帮忙......

JS Fiddle（注意在身体上放大使用）（我需要在keyup / down上重排，根据需要制作页面并删除，并且能够在中间添加）

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();

Answer 1

您正在寻找的是CSS区域。这允许您的文本流经您网站上的各种容器。

你可以在Adobe's site上阅读它，Apple有一个很好的WWDC video解释如何实现它（从8:40开始）。另请查看Editor's Draft。

Javascript / Jquery将文本流式传输到div中

1 个答案: