Javascript/jquery流文本到divs

如何將文本流從一個div傳遞到下一個div？每個div都有一個固定的高度和寬度，我需要將數據傳遞給第一個，然後如果填充溢出到另一個等等（第二個等divs需要動態創建）。最終divs將會是可以理解的，這是一個簡單的WYSIWYG風格編輯器的頁面技巧。Javascript/jquery流文本到divs

請幫助...

JS Fiddle（在身體使用注意事項變焦）（我需要在KEYUP迴流/下，使頁面並根據需要刪除並能夠在中間添加）

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

來源

2013-11-27 StorySystems

一些代碼示例或jsfiddle會幫助我們理解您的問題... –

你在找什麼叫CSS Regions。這允許您的文本流經您網站上的各種容器。

你可以在Adobe's site上看到它，而蘋果有一個不錯的WWDC video解釋如何實現它（從8:40開始）。還請查看Editor's Draft。

來源

2013-11-27 22:01:22 Joey

我該如何實際實現CSS區域？我完全被它弄糊塗了！它也只適用於iOS7，如果需要的話，我需要一個跨瀏覽器的選擇。 – StorySystems

如果您需要跨瀏覽器支持，現在不是您的解決方案。支持它的唯一瀏覽器（桌面和移動設備）是OS X和iOS 7上的Safari 7，部分支持IE 10-11和IE mobile 10（Windows Phone？）。請參閱[我可以使用]（http://caniuse.com/#search=region） – Joey

Javascript/jquery流文本到divs

回答

相關問題