Sweetalert: Comment ajouter plusieurs lignes de texte ?

Créé le 8 oct. 2017  ·  9Commentaires  ·  Source: t4t5/sweetalert

Bonjour
Comment puis-je créer plusieurs lignes ou utiliser html
?

Commentaire le plus utile

Voici mon hack basé sur https://sweetalert.js.org/docs/#content.

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

Je suis sûr qu'il y a un meilleur moyen.

Tous les 9 commentaires

Voici mon hack basé sur https://sweetalert.js.org/docs/#content.

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

Je suis sûr qu'il y a un meilleur moyen.

Pour l'instant, la façon de faire de @simon1tan est la voie à suivre, mais je suis d'accord que c'est un peu fastidieux pour quelque chose d'aussi simple que d'ajouter un saut de ligne. Je pense que le meilleur moyen serait que SweetAlert remplace automatiquement les caractères \n par des balises <br> dans l'option de texte, afin que les gens puissent écrire :

swal("Hello\nthere!")

Si quelqu'un veut s'attaquer à cela (cela devrait être très simple), n'hésitez pas à envoyer une pull request !

Il a été difficile de trouver un moyen d'utiliser les éléments HTML, votre hack m'a aidé, merci beaucoup mon ami !

PD : le "\n" ça ne marche pas pour moi, ça ne fait pas de saut de ligne

Je pense qu'automatiquement les choses ne sont pas si bonnes, je pense que c'est mieux différentes options, par exemple

  • contenu : objet courant
  • text : texte brut (si vous pouvez ajouter l'analyse des sauts de ligne ici)
  • html : recevoir la chaîne html

vous pouvez utiliser html pour utiliser "
"
swal({
titre : 'Erreur',
html: 'Verifique por favor e intente
asdasdasas' ,
showConfirmButton : vrai,
showCloseButton : vrai,
})
Au revoir

const lines = ['Vous êtes très important pour nous, toutes les informations reçues resteront toujours confidentielles.', 'Nous vous contacterons dès que nous examinerons votre message.', 'Nous vous avons envoyé un e-mail à l'adresse '+contact_email+' , Veuillez le vérifier pour une réponse rapide.'];

swal('Merci de nous avoir contactés !',lines.join('\n\n'),'success');

// a fonctionné pour moi !

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

pour mon cas, une balise div ajoutée pour couvrir le texte fonctionnera

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." })
Voici la solution. Fonctionne parfaitement en réaction. Profitez

Cette page vous a été utile?
0 / 5 - 0 notes