Sweetalert: Tidak dapat Menambahkan hyperlink di peringatan manis

Dibuat pada 27 Jun 2018  ·  4Komentar  ·  Sumber: t4t5/sweetalert

Hai kawan,
Ini adalah kode saya yang saya gunakan untuk menambahkan hyperlink dalam teks.
swal({ title: 'This is the ', text: '<a href="http://www.externalwebsite.com" target="_blank">externalwebsite.com</a>', html: true, showCancelButton: true, allowOutsideClick: true, goToExternal: true, externalUrl: 'http://www.externalwebsite.com', confirmButtonText: "Continue" });

Tapi itu tidak keluar dengan benar. Begini caranya

screenshot_32

Bisakah Anda memberi tahu saya bagaimana cara menambahkan tag jangkar di dalam lansiran manis.

Terima kasih
Adi

Komentar yang paling membantu

Hei,

Alasan parameter html telah dinonaktifkan adalah untuk mencegah kasus penggunaan di mana situs web berpotensi diserang XSS.

Namun, Anda masih dapat merender HTML mentah dengan meneruskan simpul DOM ke parameter content , seperti ini:

const el = document.createElement('div')
el.innerHTML = "Here's a <a href='http://google.com'>link</a>"

swal({
  title: "Hello!",
  content: el,
})

Semua 4 komentar

https://sweetalert.js.org/guides/#upgrade -from-1x
html tidak lagi digunakan. Alih-alih gunakan objek konten.

Hai @SergeyW ,
Terima kasih untuk balasan Anda. Ya ketika saya meneliti sedikit tentang itu, saya tahu tentang hal yang sama.

Namun sayangnya, saya tidak dapat menempatkan hyperlink di kotak peringatan dengan objek konten juga. Saya telah mencari beberapa contoh dan saya mendapatkan banyak dari mereka tetapi semuanya tentang menambahkan elemen formulir HTML, Tombol, dll dan tidak ada tentang hyperlink atau tag jangkar.
Jika Anda dapat menunjukkan kepada saya cara menambahkan tag jangkar atau mungkin membagikan beberapa contoh serupa, itu akan sangat bagus.

Terima kasih
Adi

Hei,

Alasan parameter html telah dinonaktifkan adalah untuk mencegah kasus penggunaan di mana situs web berpotensi diserang XSS.

Namun, Anda masih dapat merender HTML mentah dengan meneruskan simpul DOM ke parameter content , seperti ini:

const el = document.createElement('div')
el.innerHTML = "Here's a <a href='http://google.com'>link</a>"

swal({
  title: "Hello!",
  content: el,
})

Terima kasih banyak @t4t5

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

gabyrusu picture gabyrusu  ·  9Komentar

koullislp picture koullislp  ·  9Komentar

mteichtahl picture mteichtahl  ·  22Komentar

burakkilic picture burakkilic  ·  9Komentar

stefanoschrs picture stefanoschrs  ·  9Komentar