javascript contenteditable : 커서를 문자 오프셋으로 설정

Question

커서를 특정 문자 오프셋으로 설정해야합니다. 아래 예에서 "a"와 "b"사이에 설정하고 싶습니다.

<ul contenteditable = true > 
    <li id = "test">abcdef</li> 
</ul> 

내가 전에 질문이 바이올린 가지고 : http://jsfiddle.net/5a9uD/1/

주어진 예를 들어 내가 다음을 위해 그것을 필요로하는 것에 대해 큰했다. 그러나이 예제에서는 작동하지 않습니다 : http://jsfiddle.net/mdwWN/이 텍스트 컨테이너의childNodes[0]range.setStart에 기능을 전달하는

당신은 단지이

range = sel.getRangeAt(0); 

Answer 1

에서 IndexSizeError을 가져옵니다. 확인해보세요.

function setSelectionRange(aNode, childElem, aOffset) { 

    aNode.focus(); 

    var sel = window.getSelection(), 
    range = sel.getRangeAt(0); 

    range.collapse(true); 

    range.setStart(childElem.childNodes[0], aOffset), 

    sel.removeAllRanges(); 
    sel.addRange(range); 
} 

var container = document.getElementById("test"); 
var childElement = document.getElementById('item1'); 
setSelectionRange(container, childElement, 1); 

여기는 working fiddle입니다.