Jquery 文本选择和qtip或此类工具提示

我试图用

window.getSelection（）

方法实现一些东西。我想通过一些操作在工具提示中获取选定文本，例如编辑选定文本，或删除选定文本，并向该选择添加一些标记和注释，类似于。在x-editable中，我们不能直接编辑文本

这就是我工作的地方。我试图通过IE7或IE8获得我想要的，但这在IE7或IE8中不起作用。这一个很难与asp.net网站集成

我尝试了中提到的解决方案，但不起作用。另一个类似的问题没有答案，也没有适当的解决办法

---

Bootstrap Popover或具有自定义内容的qTip2或任何此类其他解决方案或对当前fiddle的修复是最受欢迎的。

我使用jqueryUI对话框找到了自己的解决方案。所以分享吧。这可能对其他试图实现同样目标的人有所帮助。 需要包括jquery和jqueryUI库。稍后使用以下代码和脚本

<div id="text">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam eros non odio fringilla, placerat feugiat turpis gravida. Vivamus ac porttitor metus. Aliquam a facilisis erat. Morbi a nisi nibh. Vestibulum volutpat gravida eros. Ut in tortor at magna gravida consectetur eget at dui. Vivamus eget justo eu libero mattis interdum. Morbi iaculis lorem ut felis commodo accumsan. Phasellus a tristique tellus, at lobortis neque. Proin quis tempus est. Morbi dignissim tempor justo at fringilla. Proin sit amet tortor mattis, euismod est eu, volutpat mauris.</p>
</div>

在

add

函数中，我们可以通过ajax发布所选值

但是，如果有人有比这个更好的解决方案（显示工具提示而不是对话框），请让我知道

if (!window.mSelect) {
    mSelect = {};
}
mSelect.Selector = {};
mSelect.Selector.getSelected = function () {
    var txt = '';
    if (window.getSelection) {
        txt = window.getSelection();
    } else if (document.getSelection) {
        txt = document.getSelection();
    } else if (document.selection) {
        txt = document.selection.createRange().text;
    }
    return txt;
};

mSelect.Selector.mouseup = function () {
    var st = mSelect.Selector.getSelected();
    if (st != '') {
        $("#dialog-modal").dialog({
            modal: true,
            title: 'You selected ' + st,
            buttons: {
                "Add": function () {

                }
            }
        });
    } 
    else {
        alert("select some text");
    }
};
$(function () {
    $('#text').bind("mouseup", mSelect.Selector.mouseup);
});