Javascript adding newline with backtick syntax

Question

I'm trying to format some text with newlines using the backtick syntax like so:

text: `Foo
        Bar` 
  },

The text isn't getting delimitited by a newline. How do I fix this?

It actually is indented; check the innerHTML of #swal2-content element. But whitespace is collapsed by default when displaying non-preformatted element. — raina77ow
– raina77ow, Commented May 25, 2020 at 15:16
Check this thread for details: stackoverflow.com/questions/39325414/line-break-in-html-with-n — raina77ow
– raina77ow, Commented May 25, 2020 at 15:17

Sylvain · Accepted Answer · 2020-05-25 15:24:37Z

1

You need to pass your text as HTML, as the doc says : https://sweetalert2.github.io/#configuration

Following your current codepen link, you just have to replace "text" with "html" :

{
    title: 'Question 1',
    html: 'Foo <br\>Bar'
}

answered May 25, 2020 at 15:24

Sylvain

566 bronze badges

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

Comments

Argee · Accepted Answer · 2020-05-25 15:19:24Z

0

add a property to the css class. it should make the whitespace render as you want.

.swal2-html-container {
    white-space: pre;
}

answered May 25, 2020 at 15:19

Argee

1,2341 gold badge12 silver badges23 bronze badges