javascript - 選択したテキストの前後にテキストを挿入

Question

重複の可能性:
javascript で選択したテキストの前後にテキストを挿入する

HTMLで選択されたテキストの前後に指定されたテキスト（可能な場合はデザインモードがオンのときにiframeで）を配置したい、document. document.getSelection()またはdocument.selection.createRange().text位置ではなくテキスト自体のみを返します。

選択したテキストを置き換える方法はありますか?

とにかく、ドキュメント内の任意の場所に選択したテキストの前後に特定のテキストを挿入するには?

Answer 1

今日、あなたの関連する質問に答えました。

https://stackoverflow.com/a/8740153/96100

また、1 年前に非常によく似た質問に投稿した回答を次に示します。最近、IE 9 で動作するように更新されました。

https://stackoverflow.com/a/4770592/96100

最後に、編集可能な iframe の 2 番目にリンクされた回答からの関数のバージョンを次に示します。ドキュメント オブジェクトを指定できます。

function insertHtmlAtSelectionEnd(html, isBefore, doc) {
    doc = doc || document;
    var win = doc.defaultView || doc.parentWindow;
    var sel, range, node;
    if (win.getSelection) {
        sel = win.getSelection();
        if (sel.getRangeAt && sel.rangeCount) {
            range = sel.getRangeAt(0);
            range.collapse(isBefore);

            // Range.createContextualFragment() would be useful here but was
            // until recently non-standard and not supported in all browsers
            // (IE9, for one)
            var el = doc.createElement("div");
            el.innerHTML = html;
            var frag = doc.createDocumentFragment(), node, lastNode;
            while ( (node = el.firstChild) ) {
                lastNode = frag.appendChild(node);
            }
            range.insertNode(frag);
        }
    } else if ( (sel = doc.selection) && sel.type != "Control") {
        range = sel.createRange();
        range.collapse(isBefore);
        range.pasteHTML(html);
    }
}