Sweetalert: 複数のテキスト行を追加するにはどうすればよいですか?

作成日 2017年10月08日  ·  9コメント  ·  ソース: t4t5/sweetalert

こんにちは
複数の行を作成したり、HTMLを使用したりするにはどうすればよいですか?

最も参考になるコメント

これがhttps://sweetalert.js.org/docs/#contentに基づく私のハックです

var span = document.createElement("span");
span.innerHTML='abc<br>efg'
swal({
  content: span,
});

もっと良い方法があると確信しています。

全てのコメント9件

これが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」それは私のために機能していません、それは改行をしていません

私は自動的に物事はあまり良くないと思います、私はより良い異なるオプション、例だと思います

  • コンテンツ:現在のオブジェクト
  • テキスト:プレーンテキスト(ここに改行解析を追加できる場合)
  • html:html文字列を受信します

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." })
これが解決策です。 反応で完璧に動作します。 楽しみ

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

voodoo6 picture voodoo6  ·  4コメント

Lusitaniae picture Lusitaniae  ·  4コメント

mouro001 picture mouro001  ·  3コメント

mateuszjarzewski picture mateuszjarzewski  ·  4コメント

girishbr picture girishbr  ·  5コメント