获得HTML输出选择/范围从网页在Mozilla Firefox

Question

我目前使用

以下的获得从网页选择的文本到自定义Firefox扩展：

getSelectedText: function(){ 
    var textWindow = document.commandDispatcher.focusedWindow; 
    var text = textWindow.getSelection();  
    if (text == null) {text =' ';} 
    text = text.toString(); 
    text = text.replace(/^\s*$/ , ""); 
    text = text.replace(/\r/g, "\r"); 
    text = text.replace(/\n/g, "\n"); 
    text = text.replace(/^\s+|\s+$/g , " "); 
    text = text.replace(new RegExp(/\u2019/g), "'"); 
    text = text.replace(new RegExp(/\u201A/g), ","); 
    text = text.replace(new RegExp(/\u201B/g), "'"); 
    return {str:text}; 
} 

这只是正常的纯文本。

我的问题是，我想复制以及（有点像网络剪辑在Safari功能）

使用情况下，网页中的所有元素 -如果用户选择通过与格式的文本和图像的网页，我希望底层的HTML也能被复制，这样我就可以将它准确地粘贴到另一个XUL窗口中 - 如果我愿意的话，甚至可以将内容作为丰富的HTML邮件发送。

任何指针？

Answer 1

尝试使用此代码：执行该代码

var range = window.getSelection().getRangeAt(0); 
var content = range.cloneContents(); 

后，content将包含该选择DOM节点的副本的文件片段。请注意，事件侦听器不会被克隆。欲了解更多信息，请访问https://developer.mozilla.org/en/DOM/range.cloneContents