Вывод в alert выделенного текста работает не из всех мест

246

29 октября 2017, 20:18

обычный текст при выделении и нажатии кнопки - выводится, а вот тот, который подгружается в iframe - нет, как это поправить?

http://phpfiddle.org

<html> 
<head> 
    <style> 
        *{margin:0;padding:0} 
        html, body {height:100%;width:100%;overflow:hidden} 
    </style> 
    <meta charset="utf-8"> 
    <?php 
    $url =  'http://writing.engr.psu.edu/workbooks/formal_report_template.doc'; 
    ?> 
    <title><?php echo $url; ?></title> 
</head> 
<body> 
<button onclick="getSelectionHtml();">Get HTML</button> 
 
<div id="myarea" contenteditable="true"> 
    обычный текст 
 
    <iframe src="http://docs.google.com/viewer?url=<?=urlencode($url)?>&embedded=true"  style="position: absolute;width:100%; height: 100%;border: none;"></iframe></div> 
 
<script>function getSelectionHtml() { 
        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; 
            } 
        } 
        alert(html); 
    }</script> 
</body> 
</html>