Afficher une chaîne en HTML et conserver les espaces et les sauts de ligne

Question

J’ai une application MVC3 qui a une page de détails. Dans le cadre de cela, j’ai une description (récupérée à partir d’une base de données) qui a des espaces et de nouvelles lignes. Lorsqu’il est rendu, les nouvelles lignes et les nouveaux espaces sont ignorés par le html. Je voudrais encoder ces espaces et ces nouvelles lignes afin qu’ils ne soient pas ignorés.

Comment faites-vous cela?

J’ai essayé HTML. Encoder mais il a fini par afficher l’encodage (et même pas sur les espaces et les nouvelles lignes mais sur d’autres caractères spéciaux)

Answer 1

Il suffit de styliser le contenu avec `` .

<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code">

</div></div>

Answer 2

avez-vous essayé d’utiliser `` la balise.

http://jsfiddle.net/NweRa/

Answer 3

Vous pouvez utiliser l’espace blanc : préligne pour conserver les sauts de ligne dans la mise en forme. Il n’est pas nécessaire d’insérer manuellement des éléments html.

ou ajouter à votre élément html ``

Answer 4

Vous voudriez remplacer tous les espaces par (espace insécable) et toutes les nouvelles lignes par `` (saut de ligne en html). Cela devrait permettre d’obtenir le résultat que vous recherchez.

Quelque chose de cette nature.

Answer 5

J’essayais la technique indiquée par pete mais si la chaîne était continue et longue, elle est sortie du conteneur, et ne s’est pas déformée pour une raison quelconque, *n’a pas eu beaucoup de temps pour enquêter*.. mais si vous aussi vous avez le même problème, j’ai fini par utiliser les balises et le css suivant et tout était bon à aller..