Javascript добавление новой строки с синтаксисом обратной кавычки

Question

Я пытаюсь отформатировать текст с помощью новой строки, используя синтаксис обратной кавычки, например:

text: `Foo
        Bar` 
  },

https://codepen.io/nz2198/pen/eYpoRdw?editable=true%3Dhttps%3A%2F%2Fsweetalert2.github.io%2F

Текст не получается разделены новой строкой. Как это исправить?

Answer 1

Вам нужно передать свой текст как HTML, как говорит do c: https://sweetalert2.github.io/#configuration

Следуя текущей ссылке codepen, вам просто нужно заменить "text "с" html ":

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

Answer 2

добавить свойство к классу css. он должен отображать пробелы так, как вы хотите.

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