こんにちは
複数の行を作成したり、HTMLを使用したりするにはどうすればよいですか?
?
これがhttps://sweetalert.js.org/docs/#contentに基づく私のハックです
var span = document.createElement("span");
span.innerHTML='abc<br>efg'
swal({
content: span,
});
もっと良い方法があると確信しています。
今のところ、 @ simon1tanのやり方は進むべき道ですが、改行を追加するような単純なものには少し退屈であることに同意します。 SweetAlertがテキストオプションの\n
文字を<br>
タグに自動的に置き換えて、人々が次のように書くことができるようにするのが最善の方法だと思います。
swal("Hello\nthere!")
誰かがこれに取り組みたい場合(非常に単純なはずです)、プルリクエストを送信してください!
HTML要素を使用する方法を見つけるのは困難でした。あなたのハックは私を助けてくれました。どうもありがとうございました!
PD:「\ n」それは私のために機能していません、それは改行をしていません
私は自動的に物事はあまり良くないと思います、私はより良い異なるオプション、例だと思います
uはhtmlを使用して "を使用できます
「」
swal({
タイトル: 'エラー'、
html: 'Verifique por favour e intente
asdasdasas '、
showConfirmButton:true、
showCloseButton:true、
})
さよなら
const lines = ['あなたは私たちにとって非常に重要です。受け取ったすべての情報は常に機密情報として扱われます。'、 'メッセージを確認したらすぐに連絡します。'、 'メールを' + contact_email + 'に送信しました。 、迅速な対応のために確認してください。 '];
swal( 'お問い合わせいただきありがとうございます!'、lines.join( '\ n \ n')、 'success');
//私のために働いた!
const lines = ['You are very important to us, all information received will always remain confidential.', 'We will contact you as soon as we review your message.', 'We have sent an email to you at '+contact_email+' , Please check it for quick response.'];
swal('Thank you for contacting us!',lines.join('\n\n'),'success');
私の場合、テキストをカバーするために追加されたdivタグが機能します
origina: Line0<br />Line1<br /> [not working]
after: <div>Line0<br />Line1<br /></div> [working fine]
swal({
title: 'Mt Title',
html: '<div>Line0<br />Line1<br /></div>',
});
swal({
buttons: ["Wait ", "Add Details"],
html: true,
text: "Text one .\n Text 2.\n Text 3."
})
これが解決策です。 反応で完璧に動作します。 楽しみ
最も参考になるコメント
これがhttps://sweetalert.js.org/docs/#contentに基づく私のハックです
もっと良い方法があると確信しています。