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