Javascript - jHtmlArea, установить позицию курсора - PullRequest
Новая
       30

Javascript - jHtmlArea, установить позицию курсора

1 голос
/ 16 ноября 2011

Я использую jHtmlArea, но, полагаю, вопрос относится к любому текстовому полю html, использующему режим редактирования iframe / document.

Воспользовавшись функцией pasteHTML для установки некоторого текста в jHtmlArea, я хотел бы поместить курсор после вставленного текста. Есть ли хороший способ сделать это?

1 Ответ

2 голосов
/ 16 ноября 2011

Я бы предложил заменить реализацию pasteHTML в jHtmlArea компетентной, которая не использует перехват браузера, ведет себя согласованно между браузерами и размещает каретку после вставленного контента для вас. Что-то вроде следующего, что адаптировано из моего ответа здесь: Вставьте HTML в каретку в 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);
    }
}
...