javasscript允許在句子中寫入rtl和ltr

Question

我想在contenteditable div中用一句話寫rtl和ltr，但整個句子搞砸了。 我試圖在寫入時粘住光標，但是鏡像文字爲 像ybab而不是孩子，我不能seprate與空間的話

var div = document.getElementById("editor_content"); 

div.onkeydown = function() { 

     var sel, range; 
     if (window.getSelection && document.createRange) { 
      range = document.createRange(); 
      range.selectNodeContents(div); 
      range.collapse(true); 
      sel = window.getSelection(); 
      sel.removeAllRanges(); 
      sel.addRange(range); 
     } else if (document.body.createTextRange) { 
      range = document.body.createTextRange(); 
      range.moveToElementText(div); 
      range.collapse(true); 
      range.select(); 
     } 

}; 

請幫我

Answer 1

我不知道你想做什麼，但我想你想從左至右輸入文字和然後從右向左鏡像...通過文字...而不是通過字母。

<div id="content-left" style="min-height: 10em;" contenteditable="true">L </div> 
<div id="content-right" style="min-height: 10em;" contenteditable="true">R </div> 

var content = document.getElementById("content-left"); 
var mirror = document.getElementById("content-right"); 
var update = function() { 

} 
window.onkeyup = function(evt) { 
    var text = content.innerText; 
    var words; 
    if (!text) {return ;} 
    words = text.split(" "); 
    words = words.reverse(); 
    mirror.innerText = words.join(" "); 
} 

#content-left, #content-right {background: #FAFAFA;padding: 0;margin: 0;width: 49.5%;float: left;} 
#content-right {float: right;} 

http://jsfiddle.net/rainerpl/asrny8zd/1/