Sweetalert: Bagaimana cara menambahkan beberapa baris teks?

Dibuat pada 8 Okt 2017 · 9Komentar · Sumber: t4t5/sweetalert

Halo
Bagaimana saya bisa membuat banyak baris atau menggunakan html?
?

Sumber

voviks21

👍3

Komentar yang paling membantu

Inilah peretasan saya berdasarkan https://sweetalert.js.org/docs/#content.

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

Saya yakin ada cara yang lebih baik.

simon1tan pada 9 Okt 2017

👍11 ❤2 😄2

Semua 9 komentar

Inilah peretasan saya berdasarkan https://sweetalert.js.org/docs/#content.

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

Saya yakin ada cara yang lebih baik.

simon1tan pada 9 Okt 2017

👍11 ❤2 😄2

Untuk saat ini, @simon1tan 's cara melakukannya adalah cara untuk pergi, tapi saya setuju bahwa itu agak membosankan untuk sesuatu yang sederhana seperti menambahkan jeda baris. Saya pikir cara terbaik adalah jika SweetAlert secara otomatis mengganti karakter \n dengan tag <br> di opsi teks, sehingga orang dapat menulis:

swal("Hello\nthere!")

Jika ada yang ingin mengatasi ini (harus sangat sederhana), jangan ragu untuk mengirim permintaan tarik!

t4t5 pada 9 Okt 2017

👍1

Sulit menemukan cara untuk menggunakan elemen HTML, peretasan Anda telah membantu saya, terima kasih banyak teman!

PD: "\n" itu tidak berfungsi untuk saya, itu tidak melakukan jeda baris

hectorx2x pada 15 Nov 2017

Saya pikir secara otomatis hal-hal tidak begitu baik, saya pikir lebih baik pilihan yang berbeda, contoh

konten: objek saat ini
teks: teks biasa (jika Anda ingin menambahkan penguraian jeda baris di sini)
html: terima string html

rkmax pada 19 Nov 2017

👍4

Anda dapat menggunakan html untuk menggunakan "
"
menelan({
judul: 'Kesalahan',
html: 'Verifique por favor e intente
asdasdasas',
showConfirmButton: benar,
showCloseButton: benar,
})
Selamat tinggal

juanjoseortizalbornoz pada 24 Feb 2019

const lines = ['Anda sangat penting bagi kami, semua informasi yang diterima akan selalu dijaga kerahasiaannya.', 'Kami akan menghubungi Anda segera setelah kami meninjau pesan Anda.', 'Kami telah mengirimkan email kepada Anda di '+contact_email+' , Silakan periksa untuk respon cepat.'];

swal('Terima kasih telah menghubungi kami!',lines.join('\n\n'),'success');

//bekerja untukku!

mathurvishal pada 5 Jun 2019

😕1

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');

mathurvishal pada 5 Jun 2019

untuk kasus saya menambahkan tag div untuk menutupi teks akan berfungsi

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>',
 });

yerskatmw pada 19 Jun 2020

swal({ buttons: ["Wait ", "Add Details"], html: true, text: "Text one .\n Text 2.\n Text 3." })
Inilah solusinya. Bekerja dengan sempurna dalam reaksi. Menikmati