Si el iframe está en el mismo dominio, como parece ser el caso, imaginemos que tu documento dice:
<iframe id="el_iframe" src="info/info_template"></iframe>
En ese caso puedes capturar el contenido HTML como:
var iframeDocument = document.getElementById('el_iframe').contentDocument;
var iframeHTML = iframeDocument.body.innerHTML;
o bien
var iframeText = iframeDocument.body.innerText;
Si no te funciona contentDocument
puedes probar usando
var iframeDocument = document.getElementById('el_iframe').contentWindow.document;
EDIT:
Si el iframe o su fuente están definidos en una variable al estilo:
var info = "<iframe src='info/info_template'></iframe>";
Puedes seguir el flujo antes descrito insertando el iframe en tu página. Te dejé un plunkr con el ejemplo:
https://plnkr.co/edit/QVLk3BV7mptzQ01cybqp?p=preview
EDIT2
Lo anterior se puede hacer perfectamente con ajax (te dejé otro plunkr de ejemplo)
var info = '<iframe src="iframe.html"></iframe>';
var iframe_url=jQuery(info).attr('src');
jQuery.ajax({
method: 'get',
url: iframe_url,
dataType: 'html'
}).then(function (iframeHTML) {
document.getElementById('editor').innerText = iframeHTML;
document.getElementById('iframe_html').innerHTML = escapaHTML(iframeHTML);
});
Al usar este enfoque el contenido te llega completo: <html>...</html>
en vez de sólo el contenido del body
.
Ten en cuenta que un llamado ajax es asíncrono. En el ejemplo, todo lo que quieras hacer con la respuesta de la petición debe ocurrir dentro del bucle definido por .then(function(iframeHTML) { .... });
. Afuera del bucle no existe la variable iframeHTML
y aunque la asignaras a una variable global, no estará definida correctamente antes de que la promesa se resuelva.
(una excepción a esto sería usar async/await + babel, pero en serio, en serio, no vamos a entrar en ese tema en esta respuesta)
Ojo
si quieres usar el contenido HTML del iframe, y tratarlo como texto (por ejemplo ponerlo en un elemento <pre>
para mostrar el código fuente) tienes que escapar el contenido, por ejemplo reemplazando <
por <
y >
por >
. Hay otros caracteres que no debieras meter en un textarea sin escapar, pero creo que está fuera del alcance de esta pregunta. Esto te lo digo porque si insertas el HTML del iframe, su contenido se aplica a la página principal. Los scripts no se ejecutan, pero los estilos, por ejemplo, sí se aplican si no los escapas:
El iframe tiene un estilo que define font-weight:bold;
en todo el documento. Si dice:
document.getElementById('iframe_html').innerHTML = escapaHTML(iframeHTML);
Pusieras en cambio:
document.getElementById('iframe_html').innerHTML = iframeHTML;
Esto provocaría que la importación del contenido del iframe afectara el estilo del documento principal.