Multiline string in div using javascript

Question

I have created a multiline string as follows"

var str1 = document.getElementById('text1');
var str2 = document.getElementById('text2');
var str = str1.value + "\n" + str2.value;

I now want to add this string to a div that I create in a popup window as follows:

myWindow=window.open('','Full_text','width=600,height=600');
myWindow.document.write('<div id="div1" style="position: absolute; left: 10px; width: 580px; top: 30px; height: 550px; overflow: auto;">' + str + '</div>');

But I do not get a multiline string in the div. How do I solve this problem?

Florent · Accepted Answer · 2012-07-12 09:48:29Z

16

Line breaks are not rendered in HTML without this CSS property:

white-space: pre;

You can try to replace str to this:

var str = str1.value + "<br/>\n" + str2.value;

answered Jul 12, 2012 at 9:48

Florent

12.4k10 gold badges51 silver badges58 bronze badges

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

Comments

xiaowl · Accepted Answer · 2012-07-12 09:50:04Z

4

Line break is not presented when rendering in HTML, if you just need a line break, please use <br> instead of \n If you want to keep white spaces, tabs, you should try to wrap the string with a <pre>string goes here.</pre> tag.

answered Jul 12, 2012 at 9:50

xiaowl

5,2273 gold badges29 silver badges29 bronze badges

Collectives™ on Stack Overflow

Multiline string in div using javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related