Sweetalert1を使用していたときはこのコードで問題なく改行されていたのですが、
SweetAlert2にしてからはブラウザのtextの欄に/nがそのまま表示されてしまい、改行されなくなってしまいました。/nを(/n)にしてみたりもしたのですが、治りませんでした。
どうすれば正常に改行されるようになるのでしょうか?
swal({
title: "Hello!",
text: "Hello/nWorld!",
confirmButtonText: "閉じる",
});
以下のようにtext:
をhtml:
に変更し、
改行タグ<br>
を入れることで実現できます。
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.26.10/sweetalert2.all.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.26.10/sweetalert2.css">
<script>
swal({
title: "Hello!",
html: "Hello<br>World!",
confirmButtonText: "閉じる",
});
</script>
/n
がそのまま表示されたのは、JavaScript(やその他の多くの言語)の文字列で改行コードは/n
ではなく、\n
で表わすからです。スラッシュではなく、逆スラッシュ(環境によっては円マークの字形で表示されます)であることに注意して下さい。