如何在html中找到选定的文本

【问题标题】：how to find selected text in html如何在html中找到选定的文本
【发布时间】：2014-07-07 07:35:46
【问题描述】：

如何在 div 和 html 中找到选定的文本

例如我们在本文中选择了5到11：

     <div id="txt" >This is some <i> text </i> </div>

已选择：is some，

但在html 中是：id="txt

如何找到这个并在<p>或<span>之间替换其他标签以避免丢失？

对不起，我的英语不好:)

【问题讨论】：

请添加产生id="txt的代码。
这不是代码。它刚刚在 html 中从 5 到 11 中选择...

标签： javascript html text selection

【解决方案1】：

演示：http://jsfiddle.net/dKaJ3/2/

function getSelectionHtml() {
    var html = "";
    if (typeof window.getSelection != "undefined") {
        var sel = window.getSelection();
        if (sel.rangeCount) {
            var container = document.createElement("div");
            for (var i = 0, len = sel.rangeCount; i < len; ++i) {
                container.appendChild(sel.getRangeAt(i).cloneContents());
            }
            html = container.innerHTML;
        }
    } else if (typeof document.selection != "undefined") {
        if (document.selection.type == "Text") {
            html = document.selection.createRange().htmlText;
        }
    }
    alert(html);
}

取自：How to replace selected text with html in a contenteditable element?

在你问之前试着找到东西;]

【讨论】：