Is there a way to display multi-line string in Javascript?

Question

I have a function which receives a single line string and displays it without a problem using an alert pop up from alertify JS but when its a multi-line string it gives an error saying Uncaught SyntaxError: Invalid or unexpected token . Below is my function:

<script>
function changes(changes) {

    alertify.confirm(changes,
        function () {
        }).setHeader('Document Changes');
}

The changes is the string am receiving and am displaying it in an alert box. Below is where am getting the changes from. I am getting this string from an object and passing it to my function

                {
                "render": function (data, type, full, meta) {
                    return '<button onclick="changes(\'' + full.changes + '\')" class="btn btn-info"><i class="fas fa-info-circle"></i> Changes</button>';
                }
            }

When i click this button it does not send the multi-line string to my function but when its a single line string it works without a problem

The sample text which brings the error is like below:

added footer

added heder

added content

Below is a fiddle which i have replicated the error Js Fiddle

can you provide a sample of changes string that trigger the error? — Alan Omar
– Alan Omar, Commented Apr 13, 2022 at 6:57
added footer / added heder / added content/ The slashes is the beginning of the new line — Pistone Sanjama
– Pistone Sanjama, Commented Apr 13, 2022 at 7:00

Alan Omar · Accepted Answer · 2022-04-13 06:43:53Z

1

if the problem was multi lines strings, you can use the back ticks ` to print the multi line strings in javascript

alert(`this is \n multi line \n string`)

and in your case would be:

alertify.confirm(`${changes}`,....

answered Apr 13, 2022 at 6:43

Alan Omar

4,2971 gold badge13 silver badges26 bronze badges

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

3 Comments

Pistone Sanjama Over a year ago

I traced the root of the problem. It is coming from where am receiving the changes string and from there it cant process the string and pass it on. Let me edit my question

zb' Over a year ago

alertify.confirm(`${changes}` - useless template use just alertify.confirm(changes

Alan Omar Over a year ago

@zb' the usage of alertify.confirm(changes was the heart of the problem.

ArtBIT · Accepted Answer · 2022-04-13 07:21:41Z

1

Use the backticks, Luke.

let changes =`
This is a 
multiline
alert
message
`;

alert(changes);

answered Apr 13, 2022 at 7:21

ArtBIT

4,03931 silver badges40 bronze badges

Collectives™ on Stack Overflow

Is there a way to display multi-line string in Javascript?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related