Comment puis-je afficher la nouvelle ligne .texte() en jQuery?

J'ai le code suivant:

var stringDisplay = "Hello\nWorld";
$("#meaning").text(stringDisplay);

C'est l'affichage de \n au lieu d'un retour à la ligne.

La sortie est en montrant que Hello\nWorld.

J'ai utilisé <br> tag aussi à la place de \n, mais ça ne marche toujours pas.

var stringDisplay = "Bonjour<br />"; $("#sens").html(stringDisplay);

OriginalL'auteur User4678 | 2013-08-06

  1. 26

    Vous devrez utiliser les deux .html() et remplacer le saut de ligne:

    var escaped = $('<div>').text(stringDisplay).text();
$('#meaning').html(escaped.replace(/\n/g, '<br />'));

    Une autre solution serait de style l'élément:

    white-space: pre-wrap;
    Cette réponse n'est pas complète. Vous devez définir le texte d'abord, afin d'échapper correctement tout le code HTML qui est dans le texte. Seulement alors pouvez-vous faire de votre ligne de remplacement (en supposant que la nouvelle ligne est toujours là).
    Merci, fixe.
    $('#sens").html(échappé.replace(/\n/g, '<br />")); travaillé.. merci beaucoup
    l'ajout de style white-space: pre-wrap; fonctionne le mieux pour moi.

    OriginalL'auteur

  2. 8

    Comment à ce sujet

    $('meaning').html('line1<br>line2');
    Serait douloureux si line1 ou line2 est saisie de l'utilisateur

    OriginalL'auteur