title: Javascript text range up to caret position
body: <p>I am using IE 8 and I would like to create a text range in a contenteditable div which should include all text until caret position (known to me in the editableDiv). So far I was able to select all text inside my the div:</p>
  
  <pre><code> function myFunction(editableDiv, cursorPosition)
   {
      if (document.selection) {
         var range = document.body.createTextRange();
          range.moveToElementText(editableDiv);            
          range.collapse(false);
          range.select();
      }
   }
  
  &lt;div id="myDiv" runat="server" contenteditable="true"&gt;
  </code></pre>
  
  <p>But how can I create a text range that begins with the first character in the div and lasts up to caret position? Thank you very much.</p>