Mettre en forme le texte dans la boîte d'alerte JavaScript
Comment puis-je formater le texte dans une boîte d'alerte JavaScript? J'ai besoin d'un mot dans le texte pour être souligné.
- Il n'est pas possible. Vous avez besoin de déployer votre propre boîte de dialogue, ou de l'utilisation jQuery UI.
- Il est en effet possible. Voir ma réponse ci-dessous.
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser seulement:
Ainsi, vous pouvez insérer différents ASCII personnages, mais pas de les mettre en forme (comme italique ou gras).
MODIFIER je dois aussi mentionner que, en fait,
alert
agit commetoString
conversion, y compris les étiquettes et/ou des styles n'est pas possible.'\u0332'
;alert('h̲e̲l̲l̲o̲');
(pourrait ne pas sortir comme une ligne continue, tout de même)\f
de Saut pour réaliser au sein d'unealert
?Souligner une chaîne à l'aide de caractères unicode
'\u0332'
, appeléCOMBINING LOW LINE
Cette méthode n'est pas garanti pour produire une surface lisse souligner.
Exemple de
confirm()
sur Firefox 59:Vous ne pouvez pas définir le style du texte à l'intérieur d'une boîte d'alerte. Mais vous pouvez utiliser une modal box solution au lieu de cela, voici une liste pour vous aider à démarrer:
Dans mon cas, j'ai créé l'internationalisation par le biais d'un fichier JavaScript. J'avais besoin d'un mnémonique sur chaque bouton alors que je cherchais une solution de facilité. En fait, j'ai une approche facile pour obtenir le résultat voulu:
\u0332
est le Caractère Unicode COMBINANT FAIBLE LIGNEAvec ce personnage, vous pouvez souligner les lettres unique.
Démonstration:
JS:
HTML:
Vous ne pouvez pas.
Utiliser des lib comme JQuery UI Dialog ou de votre propre mise en œuvre.
Besoin de ce mal, mais aucune des réponses ont été particulièrement utiles. Comme deux réponses suggèrent la solution est d'utiliser l'unicode, mais vous devez le faire correctement! Je voulais aussi un plus réutilisables solution où j'ai pas besoin de réinventer la roue à chaque fois. Donc, est venu avec cette petite fonction javascript pour des raisons de commodité.
JS:
HTML:
Devrait produire quelque chose comme cela dans tous les principaux navigateurs (essayez d'exécuter l'extrait de code ci-dessus) :
Ce n'est pas possible. Vous devez utiliser un plugin. Si vous avez jQuery installé il y a un tas de choisir à partir. Si pas celui-ci a l'air prometteur: http://simplemodal.plasm.it/#examples