1

我正面临一个问题 Firefox。

我正在尝试使用以下代码在内容可编辑的 div 中插入“br”标签。

此代码取自Insert html at caret in a contenteditable div

function pasteHtmlAtCaret(html) {
var sel, range;
if (window.getSelection) {
    // IE9 and non-IE
    sel = window.getSelection();
    if (sel.getRangeAt && sel.rangeCount) {
        range = sel.getRangeAt(0);
        range.deleteContents();

        // Range.createContextualFragment() would be useful here but is
        // non-standard and not supported in all browsers (IE9, for one)
        var el = document.createElement("div");
        el.innerHTML = html;
        var frag = document.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 (document.selection && document.selection.type != "Control") {
    // IE < 9
    document.selection.createRange().pasteHTML(html);
   }
}

该选择在除 Firefox 之外的所有浏览器中都可以正常工作。

在 Firefox 中，插入符号位于当前行的开头而不是下一行。但是当我开始输入时，字符会按预期插入下一行。

这里需要做什么才能将插入符号放在下一行的开头？

为了快速验证，您可以使用这个 jsfiddle http://jsfiddle.net/jwvha/378/ 您可以尝试插入“br”标签，您将在 Firefox 中看到我所指的问题。

4

0 回答 0