De nouvelles lignes dans le texte dans un div
J'ai un petit problème lié à quand je place un texte chargé via ajax appel.
Je prends le contect à partir d'un textarea et de le stocker dans ma base de données et lorsque je veux afficher le texte dans un div, il ne respecte pas les nouvelles lignes, de sorte que tout le texte est continu.
Le code suivant montre un petit exemple:
JS:
$(function() {
$('.buttonA').click(function() {
$('.message').html($('textarea[name="mensaje"]').val());
});
});
CSS:
.message {
width:300px;
height:200px;
}
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<textarea name="mensaje" class="new_message_textarea" placeholder="enter message..."></textarea>
<button class="buttonA">Enter</button>
<div class="message"></div>
Si vous tapez du texte avec ces quelques lignes, une fois que vous cliquez sur le bouton, le texte est de montrer dans le div et de voir que les nouvelles lignes ne sont pas les montrer.
Comment puis-je résoudre ce problème?
Vous devez vous connecter pour publier un commentaire.
Caractères de saut de ligne n'est pas quelque chose de rendu html. Changement dans votre js:
...à ceci:
...et il va remplacer vos retours à la ligne avec un saut de ligne html
Je pense que la meilleure façon d'y parvenir est d'ajouter
ou
style à votre div.
voir HTML - Newline char dans la DIV de contenu modifiable?
white-space: pre
)Ajouter ceci dans le fichier CSS: