In JavaScript the newline character is not actually creating a new line, is there an alternative or am I doing something wrong?

Question

I am trying to create a program that will output an XSL file. Below is the code I am trying to use the '\n' does not actually create a new line, and the next value is put next to it. Am I doing something wrong?

var TheTextBox = document.getElementById("output");
        countOfAdd += 1;
        if (countOfAdd > 1){
            TheTextBox = "";
            countOfAdd = 1;
        }
        else if (countOfAdd == 1){
            //where all of the xsl output will be
            //line 1
            TheTextBox.value = TheTextBox.value + '<?xml version="1.0"?>' + '\n';
            //line 2
            TheTextBox.value = TheTextBox.value + '<!-- Sets up the stylesheet and declares the :xfa function in case you want to globalize fields -->';

EDIT: I have already tried the br HTML field but due to this being a textbox I am adding to it simply includes it in the output

EDIT 2: My example does not work already. Not sure why but the text field simply ignore the \n completely.

Because in HTML newline is `
`, not `\n`? – nicael Dec 17 '15 at 14:16 — nicael, Dec 17 '15 at 14:16
I have used
as well, simply adds
to the text field – renegade_ghost Dec 17 '15 at 14:20 — renegade_ghost, Dec 17 '15 at 14:20
Wait, if it's a ``, your example is going to work. – nicael Dec 17 '15 at 14:24 — nicael, Dec 17 '15 at 14:24
https://jsfiddle.net/6rh0j8gk/ how it doesn't, if it does. – nicael Dec 17 '15 at 14:27 — nicael, Dec 17 '15 at 14:27

score 1 · Answer 1 · answered Dec 17 '15 at 14:31

1

Gave up and changed it to a textarea instead of an input text field.. mistake on my end. Works now, thanks all.

answered Dec 17 '15 at 14:31

renegade_ghost

33
8

score -1 · Answer 2 · edited May 23 '17 at 11:59

-1

Check out the answer here.

You need to use the HTML entities 
. They create new lines rather than displaying a \n character.

edited May 23 '17 at 11:59

Community

1
1

answered Dec 17 '15 at 14:20

Kaspar Lee

5,446
4
31
54

Thanks but I have already tried this (should have mentioned in post) because it is a text field I am adding to it simply adds '
' to the output – renegade_ghost Dec 17 '15 at 14:24
@renegade_ghost I found something else, check it out (Using HTML entities) – Kaspar Lee Dec 17 '15 at 14:24

score -1 · Answer 3 · answered Dec 17 '15 at 14:24

-1

I see you are probably putting it in a text field.

If this is the case, try

&#13;&#10;

it should work in the text field.

answered Dec 17 '15 at 14:24

Clemens Himmer

1,340
2
13
26

Thanks, just gave it a whirl, it simply added to the output. – renegade_ghost Dec 17 '15 at 14:26
I just saw you used with type text. This was doomed to fail, as only textarea is a input field that can display multiple lines. – Clemens Himmer Dec 17 '15 at 14:33

In JavaScript the newline character is not actually creating a new line, is there an alternative or am I doing something wrong?

3 Answers3