Obtenir HTML de sélection/plage à partir d'une page Web dans Mozilla Firefox

Question

J'utilise actuellement ce qui suit l'obtenir le texte sélectionné à partir d'une page Web dans une extension Firefox personnalisée:

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}; 
} 

Cela fonctionne très bien pour le texte brut .

Mon problème est que je veux que tous les éléments de la page Web copié ainsi (un peu comme les extraits du Web disposent dans Safari)

Cas d'utilisation - Si l'utilisateur sélectionne dans une page Web avec du texte formaté et images , Je veux que le HTML sous-jacent soit également copié, afin que je puisse le coller avec précision dans une autre fenêtre XUL - même envoyer le contenu sous forme de courriel HTML riche si je le souhaite.

Des pointeurs?

Answer 1

Essayez d'utiliser ce code:

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

Une fois ce code est exécuté, content sera un fragment de document qui contient une copie des noeuds sélectionnez DOM. Notez que les écouteurs d'événement ne seront pas clonés. Pour plus d'informations, rendez-vous au https://developer.mozilla.org/en/DOM/range.cloneContents