Sweetalert: Prise en charge des nouvelles lignes dans le message ?

Créé le 3 juin 2015  ·  9Commentaires  ·  Source: t4t5/sweetalert

Que dit le titre s'il vous plait ??

Commentaire le plus utile

Cela fonctionne si vous définissez la propriété html sur le code HTML lui-même (c'est-à-dire débarrassez-vous de la propriété text et définissez la propriété html sur le contenu HTML), par exemple

$swal({
  title: "My title",
  type: "error",
  html: "My text with<br />html included"
});

Tous les 9 commentaires

Si vous définissez la propriété html sur true , vous pouvez utiliser des sauts de ligne --> la balise <br/> .

Comment je fais ça ?

swal({ html: true, title: 'hi', text: 'te<br>st' });
ne semble pas fonctionner pour moi

ps j'ai utilisé pr https://github.com/t4t5/sweetalert/pull/772 pour une utilisation beaucoup plus simplifiée, tout va bien maintenant

Comment dois-je définir la propriété html sur true ? quel est l'ordre de la propriété html et pourquoi n'est-il pas documenté ? Merci.

Cela fonctionne si vous définissez la propriété html sur le code HTML lui-même (c'est-à-dire débarrassez-vous de la propriété text et définissez la propriété html sur le contenu HTML), par exemple

$swal({
  title: "My title",
  type: "error",
  html: "My text with<br />html included"
});

Cela fonctionne pour moi, utilisez \n
swal("Oups", "Ligne 1. \n ligne2.", "erreur");

cela fonctionne juste dans une partie du texte comme ceci :
swal("Oops", "Line 1.\n line2.", "error");
mais si vous voulez le faire dans une partie du titre .. ça ne marche pas :
swal("Oops\nOops", "Line 1", "error");

désolé, mais à mon avis, cela n'a pas de sens d'utiliser plusieurs lignes dans le titre (et en suivant une bonne spécification de conception).

EDIT : et merci @themightystephen

swal({ buttons: ["Wait ", "Add Details"], html: true, text: "Text one .\n Text 2.\n Text 3." })
Voici la solution. Fonctionne parfaitement en réaction. Prendre plaisir

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

Questions connexes

adiwithadidas picture adiwithadidas  ·  4Commentaires

mouro001 picture mouro001  ·  3Commentaires

rapeflower picture rapeflower  ·  4Commentaires

blackrosezy picture blackrosezy  ·  6Commentaires

xgqfrms-GitHub picture xgqfrms-GitHub  ·  4Commentaires