javascript - 可编辑的 Div 插入符位置

Question

我有一个可编辑的 div，我正在使用一个按钮将图像插入到 div 中。现在，我只是在做 document.getElementById('elementid').innerHTML。 +=;为了将图像添加到 div 的末尾。我想输入插入符号所在的图像。我该怎么做呢？

谢谢

Answer 1

在插入符处插入一个元素并不难。以下函数在所有主流浏览器中的插入符处(或选择的末尾，如果选择了内容)插入一个节点:

function insertNodeAfterSelection(node) {
    var sel, range, html;
    if (window.getSelection) {
        sel = window.getSelection();
        if (sel.getRangeAt && sel.rangeCount) {
            range = sel.getRangeAt(0);
            range.collapse(false);
            range.insertNode(node);
        }
    } else if (document.selection && document.selection.createRange) {
        range = document.selection.createRange();
        range.collapse(false);
        html = (node.nodeType == 3) ? node.data : node.outerHTML;
        range.pasteHTML(html);
    }
}