cómo obtener el texto seleccionado de iframe con javascript?

<html> 
<body> 
    <script type="text/javascript"> 

    function smth() { 

    if (document.getSelection) { 
    var str = document.getSelection(); 
    if (window.RegExp) { 
     var regstr = unescape("%20%20%20%20%20"); 
     var regexp = new RegExp(regstr, "g"); 
     str = str.replace(regexp, ""); 
    } 
    } else if (document.selection && document.selection.createRange) { 
    var range = document.selection.createRange(); 
    var str = range.text; 
    } 

    alert(str); 
    } 
    </script> 

    <iframe id="my" width="300" height="225"> 
    .....some html .... 
    </iframe>  

    <a href="#" onclick="smth();">AA</a> 
</body>  
</html>

con la función smth puedo obtener el texto seleccionado de algún div, pero no funciona con iframe. alguna idea de cómo obtener el texto seleccionado de iframe?cómo obtener el texto seleccionado de iframe con javascript?

Fuente

2009-09-24 mm.

No puede acceder a los datos dentro de un iframe que es de un dominio diferente al suyo. Esto se debe a Same origin policy.

Fuente

2009-09-24 13:44:14

ejemplo ok, lo siento mal, en el marco flotante tengo texto, yo uso iframe para editor WYSIWYG, por lo que no es de dominio diferente. –

Gracias por la información. –

Debe obtener la selección del documento/ventana en el iframe.

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

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

var iframe = document.getElementById("my"); 
alert(getIframeSelectionText(iframe));

Fuente

2009-09-24 14:12:59

document.getSelection

está en el documento externa. Para obtener la selección del documento en el iframe que necesita para agarrar el documento interno:

var iframe= document.getElementById('my'); 
var idoc= iframe.contentDocument || iframe.contentWindow.document; // ie compatibility 

idoc.getSelection()

Nota sin embargo, que WebKit no soporta document.getSelection() o document.selection. Intente reemplazarlo con window.getSelection() que funciona en Firefox y WebKit, pero devuelve un objeto de selección (una colección/envoltura alrededor de Rangos), que necesita encadenar:

var idoc= iframe.contentDocument || iframe.contentWindow.document; 
var iwin= iframe.contentWindow || iframe.contentDocument.defaultView; 

''+iwin.getSelection()

No estoy seguro de cuál es el punto de esto es:

if (window.RegExp) { 
    var regstr = unescape("%20%20%20%20%20"); 
    var regexp = new RegExp(regstr, "g"); 
    str = str.replace(regexp, ""); 
}

RegExp es JavaScript básica se remonta a la versión más temprana; siempre estará ahí, no tienes que olfatearlo. La codificación URL de múltiples espacios es bastante innecesaria. Ni siquiera necesita RegExp como tal, un reemplazo de cadena podría escribirse como:

str= str.split('  ').join('');

Fuente

2009-09-24 14:14:55 bobince

window.getSelection() devuelve un objeto de selección, no un rango. toString en la selección le dará el texto de selección. –

Sí, ''' +' es un modismo para toString. – bobince

Sí, lo sé. Estaba corrigiendo un error menor en su referencia al objeto de selección devuelto desde window.getSelection() como un Rango, pero estoy de acuerdo con usted en que su código funcionaría. –

El siguiente código devolverá el texto seleccionado.

function getSelectedText(frameId) { 
    // In ExtJS use: 
    // var frame = Ext.getDom(frameId); 
    var frame = document.getElementById(frameId); 

    var frameWindow = frame && frame.contentWindow; 
    var frameDocument = frameWindow && frameWindow.document; 

    if (frameDocument) { 
     if (frameDocument.getSelection) { 
      // Most browsers 
      return String(frameDocument.getSelection()); 
     } 
     else if (frameDocument.selection) { 
      // Internet Explorer 8 and below 
      return frameDocument.selection.createRange().text; 
     } 
     else if (frameWindow.getSelection) { 
      // Safari 3 
      return String(frameWindow.getSelection()); 
     } 
    } 

    /* Fall-through. This could happen if this function is called 
     on a frame that doesn't exist or that isn't ready yet. */ 
    return ''; 
}

Espero que esto ayude a alguien.

Fuente

2013-02-13 12:50:54 Nandha

En firefox en la consola: Error: Permiso denegado para acceder al 'documento' de la propiedad. Está en la línea donde está: "var frameDocument = [... ] ". – Piotrek

Este código funciona en todos los navegadores modernos:

var iframe = document.getElementById('my'); 
var idoc = iframe.contentDocument || iframe.contentWindow.document; // ie compatibility 
var text = idoc.getSelection().toString();

Fuente

2017-07-17 06:49:49 ykay

cómo obtener el texto seleccionado de iframe con javascript?

Respuesta

Cuestiones relacionadas