イメージ上でgetSelectionが機能しない

Question

iframeデザインモードで選択したコンテンツを取得したいとします。私は次のコードを使用しています。

function getIframeSelectionText(iframe) { 
    var win = iframe.contentWindow; 
    var doc = iframe.contentDocument || win.document; 

    if (win.getSelection) { 

     return win.getSelection(); 
    } else if (doc.selection && doc.selection.createRange) { 
     return doc.selection.createRange().text; 
    } 
} 

テキストを取得することができますが、選択した画像も取得できません。助けてください。

Answer 1

あなたはそれを達成するためにRange Objectを使用することができます。

function getImg(iframe) { 
    var win = iframe.contentWindow; 
    var doc = iframe.contentDocument || win.document; 

    // get Range object 
    var range = win.getSelection().getRangeAt(0) 

    // now you get a copy of the nodes that been selected 
    var fragment = range.cloneContents() 

    // now you can do whatever you want with fragment, 
    // such as find img element 
    var imgs = fragment.querySelectorAll('img') 

}