Javascript - jHtmlArea，设置光标位置

Question

我正在使用jHtmlArea，但我想这个问题是相关的任何HTML文本框使用iframe /文档编辑模式的功能。

已经使用pasteHTML函数来设置一些文本到jHtmlArea中，我想将光标放在我插入的文本之后，是否有一个很好的方法来做到这一点？

Answer 1

我建议用一个不使用浏览器嗅探的主管替换jHtmlArea的pasteHTML实现，在浏览器之间一致地行为并将插入符号放在插入的内容之后。类似下面的，这是从这里我的回答改编：Insert html at caret in a contenteditable div

jHtmlArea.prototype.pasteHTML = function(html) { 
    var sel, range, iframe = this.iframe[0], 
     win = iframe.contentWindow || iframe.contentDocument.defaultView, 
     doc = win.document; 

    win.focus(); 
    if (win.getSelection) { 
     // IE9 and non-IE 
     sel = win.getSelection(); 
     if (sel.getRangeAt && sel.rangeCount) { 
      range = sel.getRangeAt(0); 
      range.deleteContents(); 

      // Range.createContextualFragment() would be useful here but is 
      // not supported in all browsers (IE9, for one) 
      var el = document.createElement("div"); 
      el.innerHTML = html; 
      var frag = doc.createDocumentFragment(), node, lastNode; 
      while ((node = el.firstChild)) { 
       lastNode = frag.appendChild(node); 
      } 
      range.insertNode(frag); 

      // Preserve the selection 
      if (lastNode) { 
       range = range.cloneRange(); 
       range.setStartAfter(lastNode); 
       range.collapse(true); 
       sel.removeAllRanges(); 
       sel.addRange(range); 
      } 
     } 
    } else if ((sel = doc.selection) && sel.type != "Control") { 
     // IE < 9 
     sel.createRange().pasteHTML(html); 
    } 
}