Add dynamic html template in an iframe src using javascript

Question

I am actually getting the html template dynamically on the fly, so my concern is how would I be able to append the html code to an iframe's src.

I followed up with some other question in the community and I could make jsFiddle , this is working fine for a single line of html template like

<html><head><title></title></head><body><h1>Hello world.</h1></body></html>

but when I a trying to add the little long length html template then the template is showing out of the iframe ,please check here .

Out there they are just adding the links for src parameter in iFrame which I already mentioned in the question and I have a solution here — Mohammed Abrar Ahmed
– Mohammed Abrar Ahmed, Commented Sep 11, 2017 at 8:49

Yogesh · Accepted Answer · 2017-09-11 08:39:11Z

1

Use like below

doc.write('<!DOCTYPE html>'+ ''+ '');

Like this

doc.write('<!DOCTYPE html>'+ '<html lang="en">'+ '<head>');

New line is breaking your javascript function

answered Sep 11, 2017 at 8:39

Yogesh

6855 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Mohammed Abrar Ahmed Over a year ago

I am getting the html template on the fly , I can't add "+" to the lines.

Yogesh Over a year ago

create function like this post stackoverflow.com/questions/805107/…

Yogesh Over a year ago

How you are getting this content in variable?

Mohammed Abrar Ahmed Over a year ago

yes. actually I have form once the user fills that form we are putting that details as HTML file and then this has to be shown in another page in an iFrame.

Yogesh Over a year ago

For that you can read that html file in one variable in javascript then you can directly append that variable in iframe in that case it will not be new line but escaped with characters so

|

Collectives™ on Stack Overflow

Add dynamic html template in an iframe src using javascript

1 Answer 1

6 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Linked

Related