Search jQuery

jQuery Forum

Using jQuery

Kevin B

What is the "best" way to get the raw contents of an iframe's body?

in Using jQuery • 8 years ago

I'm currently trying to get the contents of an iframe's body without any mangling of content by the browser.

I could do it by including the content in a textarea, however i want to avoid that.

using .innerHTML results in special characters such as "<" ">" and "&" being converted to "<", ">", and "&" respectively.

To test, build an html file containing:

{
"id": 5,
"testtext":"I am > than this & < that",
"html":"<div>\"worky\"</div>"
}

and then build a test file to work from:

<!doctype html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<iframe id="myIframe" name="myIframe" src="test.html"></iframe><br />
Result:<br />
<textarea id='result'></textarea>
<script>
$("#myIframe").load(function(){
var iframeBody = window.frames.myIframe.document
.getElementsByTagName("body")[0];
$("#result").val(iframeBody.innerHTML);
});
</script>
</body>
</html>

in the textarea you should see the text json response, however the special characters get replaced.

-- Kevin

Replies(2)

Kevin B

Re: What is the "best" way to get the raw contents of an iframe's body?

8 years ago

this almost solves the problem:

var result = $(iframeBody).contents().map(function(){
return this.nodeValue ? this.nodeValue : this.innerHTML;
}).get().join("");

however, it loses the div tags. So, when i encounter a node that doesn't have a nodeValue, how do i handle it?

-- Kevin

Kevin B

Re: What is the "best" way to get the raw contents of an iframe's body?

8 years ago

At this point, i need to be able to convert this:

to plain text without converting & to &. that would solve the problem. I guess though since that piece is actually html, it would be ok if & got converted to &, but i still need to be able to do that without using the parent of the div or losing any attributes of the div.

-- Kevin

Top Reply

Response title

Attachments

jQuery Forum

What is the "best" way to get the raw contents of an iframe's body?

Replies(2)

Re: What is the "best" way to get the raw contents of an iframe's body?

Re: What is the "best" way to get the raw contents of an iframe's body?

Statistics

Tags

Actions