Sweetalert: Impossible d'ajouter un lien hypertexte dans la douce alerte

Créé le 27 juin 2018  ·  4Commentaires  ·  Source: t4t5/sweetalert

Salut les gars,
C'est mon code que j'utilise pour ajouter un lien hypertexte dans le texte.
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" });

Mais ça ne sort pas correctement. Voici comment ça vient

screenshot_32

Pouvez-vous s'il vous plaît laissez-moi savoir comment ajouter une balise d'ancrage à l'intérieur de l'alerte douce.

Merci
Adi

picture adiwithadidas

Commentaire le plus utile

Salut,

La raison pour laquelle le paramètre html a été désactivé est de décourager les cas d'utilisation où le site Web pourrait potentiellement être attaqué par XSS.

Cependant, vous devriez toujours pouvoir afficher du HTML brut en passant un nœud DOM au paramètre content , comme ceci :

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

swal({
  title: "Hello!",
  content: el,
})
picture t4t5 le 28 juin 2018
👍6 👎3

Tous les 4 commentaires

https://sweetalert.js.org/guides/#upgrading-from-1x
html n'est plus utilisé. Utilisez plutôt l'objet de contenu.

SergeyW picture SergeyW le 28 juin 2018

Salut @SergeyW ,
Merci pour votre réponse. Oui, quand j'ai fait des recherches à ce sujet, j'ai appris la même chose.

Mais malheureusement, je ne suis pas en mesure de placer un lien hypertexte dans la boîte d'alerte avec un objet de contenu également. J'avais recherché quelques exemples et j'en ai eu beaucoup, mais tous concernent l'ajout d'éléments de formulaire HTML, de boutons, etc. et aucun sur les hyperliens ou les balises d'ancrage.
Si vous pouviez me montrer comment ajouter des balises d'ancrage ou partager des exemples similaires, ce serait formidable.

Merci
Adi

adiwithadidas picture adiwithadidas le 28 juin 2018

Salut,

La raison pour laquelle le paramètre html a été désactivé est de décourager les cas d'utilisation où le site Web pourrait potentiellement être attaqué par XSS.

Cependant, vous devriez toujours pouvoir afficher du HTML brut en passant un nœud DOM au paramètre content , comme ceci :

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

swal({
  title: "Hello!",
  content: el,
})
t4t5 picture t4t5 le 28 juin 2018
👍6 👎3

Merci beaucoup @t4t5

adiwithadidas picture adiwithadidas le 29 juin 2018
Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

xgqfrms-GitHub picture xgqfrms-GitHub  ·  4Commentaires
jamieson99 picture jamieson99  ·  3Commentaires
blackrosezy picture blackrosezy  ·  6Commentaires
AlexV525 picture AlexV525  ·  4Commentaires
rapeflower picture rapeflower  ·  4Commentaires