Comment puis-je conserver les espaces et les sauts de ligne lors du rendu de chaînes en HTML ?

Rendu des chaînes en HTML tout en préservant les espaces et les sauts de ligne

Lors de l'affichage des chaînes extraites d'une base de données dans la page de détail d'une application MVC3, il est courant pour rencontrer un problème où les nouvelles lignes et espaces sont ignorés par défaut. Cela peut rendre le texte rendu visuellement peu attrayant et potentiellement affecter la convivialité de l'application.

Pour préserver ces éléments de formatage, vous devez vous assurer qu'ils sont correctement encodés dans le HTML. Malheureusement, l'utilisation de HTML.Encode peut afficher l'encodage lui-même, ce qui n'est pas le comportement prévu.

La solution à ce problème réside dans le style du contenu à l'aide de CSS. En définissant la propriété white-space sur pre-wrap, vous demandez au navigateur de conserver les espaces et les sauts de ligne comme prévu. Par exemple :

div {
  white-space: pre-wrap;
}

L'application de cette classe CSS à l'élément qui affiche le texte le rendra comme suit :

<div>
  This is some text   with some extra spacing    and a
  few newlines along with some trailing spaces        
     and five leading spaces thrown in
  for                                              good
  measure                                              
</div>

En implémentant cette approche, vous pouvez restituer efficacement les chaînes en HTML tout en préservant leur mise en forme d'origine, en garantissant la lisibilité et en conservant l'aspect visuel souhaité du contenu de votre application.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!