javascript - Javascript-jHtmlArea、カーソル位置を設定

Question

私はjHtmlAreaを使用していますが、この質問は、iframe/ドキュメント編集モードを使用して機能するHTMLテキストボックスに関連していると思います。

pastHTML関数を使用してテキストをjHtmlAreaに設定した後、挿入したテキストの後にカーソルを置きたいのですが、これを行うための良い方法はありますか？

Answer 1

jHtmlAreaのpasteHTML実装を、ブラウザースニッフィングを使用せず、ブラウザー間で一貫して動作し、挿入されたコンテンツの後にキャレットを配置する適切な実装に置き換えることをお勧めします。ここでの私の答えから適応された次のようなもの：contenteditabledivのcaretにhtmlを挿入します

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