Ligne dans un Textarea pour être converti en <br/>

Il y a beaucoup de discussions ici sur la conversion br/> ou conserver les retours à la ligne dans plusieurs langues, mais pas beaucoup de sujet textarea.

J'ai ce script:

var boxText = "";
$("textarea.BoxText").live('dblclick', function () {
    boxText = $(this).val().replace(//g, "<br/>");
  $(this).replaceWith( '<div class="BoxText">' + $(this).val() + '</div>' );

});
$("div.BoxText").live('dblclick', function () {
  $(this).replaceWith( '<textarea form="HTML" class="BoxText">' + boxText + '</textarea>' );
});

J'ai un textarea élément modifiable. Lorsque l'utilisateur double-clique dessus, il se transforme en un div. Cependant, dans un div, les retours à la ligne ne sont pas conservées. Je voudrais le convertir seulement les nouvelles lignes dans
, actuellement, tous les espaces sont en cours de conversion. J'ai un deuxième script qui convertit retour à textarea, donc la variable pour stocker la chaîne de caractères. J'aurais besoin de l'
's reconvertis dans de nouvelles lignes de.

Cela peut paraître redondant, mais j'ai une bonne raison pour cela.

InformationsquelleAutor C_K | 2011-05-14
  1. 83

    Ce sera de remplacer les sauts de ligne du HTML, les balises de saut. Les différentes combinaisons sont à couvrir les différents navigateurs/systèmes et comment les sauts de ligne sont interprétées. 

    $(this).val().replace(/\r\n|\r|\n/g,"<br />")

    Ce sera le ramener à de nouvelles lignes - aussi couvrant comment les différents navigateurs n'interprètent innerHTML.

    boxText.replace(/<br\s?\/?>/g,"\n");
    • Il fonctionne, mais quand je convertir la div retour à un textarea, le texte disparaît.
    • Vous pouvez aussi avoir besoin de remplacer les < et > avec les entités HTML. .replace(/</g,"&lt;").replace(/>/g,"&gt;");
    • ne fonctionne pas non plus, le br/> afficher dans le textarea, ce qui implique qu'ils ne sont pas convertis \n. jsfiddle.net/QUFZJ
    • utiliser append() ou prepend() lorsque vous souhaitez que le div retour à un textarea, à l'ajout de texte à l'intérieur de la div de la valeur...
    • Bien ce qui se produit est que la conversion du type devrait se produire avant que la chaîne ne peut être remplacé. J'ai DONC fait la remplacer script pour le textarea après le div de la formation.
    • Génial!! Je vous dois une bière

    InformationsquelleAutor Neil