从上下文菜单中识别info.selectionText上的多行

Question

每当用户在页面上选择某些文本时，我的扩展都会添加上下文菜单。

然后，使用info.selectionText，每当用户从上下文菜单中选择其中一项时，我都会在执行的函数上使用所选文本。（来自http://code.google.com/chrome/extensions/contextMenus.html)

到目前为止，一切正常。

现在，我从一个扩展用户那里得到了一个很酷的请求，要求每行所选文本执行一次相同的函数。例如，用户会选择3行文本，我的函数会被调用3次，每行调用一次，对应的文本行。

到目前为止，我还无法拆分信息。selectionText，以便识别每一行。。。info.selectionText返回一行文本，但找不到拆分它的方法。

有人知道有没有办法吗？拆分时有什么"隐藏"字符吗？

提前感谢。。。如果你感兴趣，这里有扩展的链接

https://chrome.google.com/webstore/detail/aagminaekdpcfimcbhknlgjmpnnnmooo

Answer 1

好吧，由于OnClickData的selectionText永远不会是文本，所以使用这种方法永远无法做到这一点。

然后我要做的是在每个页面中注入一个内容脚本，并使用类似于以下示例的东西（灵感来自阅读这篇SO文章-在div中获取选定的文本'；s html）

你仍然可以像现在一样使用上下文菜单OnClickData挂钩，但当你收到它而不是读取selectionText时，你会使用事件通知，然后触发上下文脚本使用x.Selector.getSelected（）来读取选择。这应该会给你想要的。使用上下文菜单后，文本在扩展中保持选中状态，因此阅读所选文本应该不会有问题。

if (!window.x) {
    x = {};
}
// https://stackoverflow.com/questions/5669448/get-selected-texts-html-in-div
x.Selector = {};
x.Selector.getSelected = function() {
    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;
        }
    }
    return html;
}
$(document).ready(function() {
    $(document).bind("mouseup", function() {
        var mytext = x.Selector.getSelected();
        alert(mytext);
        console.log(mytext);
    });
});​

http://jsfiddle.net/richhollis/vfBGJ/4/

另请参阅：Chrome扩展：如何捕获所选文本并发送到web服务