Neue Zeile in Textarea, die in & lt; br / & gt;

Gibt es eine Menge threads hier über die Konvertierung br/> oder die Erhaltung Zeilenumbrüche in verschiedenen Sprachen, aber nicht viele über textarea.

Habe ich dieses Skript:

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>' );
});

Ich habe ein textarea-element bearbeitet werden. Wenn der Benutzer einen Doppelklick auf es auf, wandelt es in ein div. Aber in einem div, die Zeilenumbrüche sind nicht erhalten. Ich würde gerne konvertieren nur die neuen Zeilen in
derzeit werden alle Räume umgebaut. Ich habe ein zweites script, das konvertiert es zurück in textarea, damit die variable für die Speicherung der Zeichenfolge. Ich müsste die
's umgewandelt werden in neue Linien als auch.

Dies mag redundant, aber ich habe einen guten Grund dafür.

InformationsquelleAutor der Frage C_K | 2011-05-14

  1. 75

    Wird dadurch ersetzt Zeilenumbrüche in HTML-break-tags. Die verschiedenen Kombinationen decken die unterschiedlichen Browsern/Systemen und wie Zeilenumbrüche interpretiert werden. 

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

    Dieser bringt es wieder zu neuen Zeilen - deckt auch, wie die verschiedenen Browser interpretieren innerHTML.

    boxText.replace(/<br\s?\/?>/g,"\n");

    InformationsquelleAutor der Antwort Neil

Schreibe einen Kommentar