jQuery - convert <br> und <br /> und <p /> und wie Sie auf neue Zeile

jQuery - Wie konvertieren Sie <br> und <br /> und <p /> und so neue Zeile?

Stellt jQuery eine eingebaute br2nl() Funktion - das ist für die Konvertierung von neuen Zeilen-tags, um Benutzer-freundliche textfield-Versionen.

  • Beachten Sie, dass PHP nl2br ersetzen nicht das neue-Zeile-Zeichen-Sequenzen, sondern fügt <br /> vor. So z.B. \r\n wird <br />\r\n und nicht nur <br />.
  • dies würde erklären, warum die Zeilenumbrüche sind immer so gestaffelt, nach einer nl2br reconvert!
InformationsquelleAutor ina | 2010-08-01
  1. 14

    Könnte man eine Funktion erstellen, wie diese:

    jQuery.fn.nl2br = function(){
   return this.each(function(){
     jQuery(this).val().replace(/(<br>)|(<br \/>)|(<p>)|(<\/p>)/g, "\r\n");
   });
};

    Und verwenden Sie es wie einer dieser Möglichkeiten:

    $(':input').nl2br();
$('textarea').nl2br();
$('#textarea_id').nl2br();
    • tut /(<br>)|(<p><\/p>)/g fangen auch <br /> ?
    • Ja aktualisiert für das auch.
    • Aktualisiert regexp für das plugin: /(<br\s*\/?>)|(<p><\/p>)/gi. Weiß nicht, wie die <p> funktionieren sollte, ist es Inhalte gibt?
    • Hast du das ausprobiert?
    • Ja, man könnte versuchen es sich hier: gskinner.com/RegExr
    • Sie fragte nach meinem Kommentar: der reguläre Ausdruck syntaktisch korrekt ist. Die Erfassung der Gruppe, erscheint überflüssig (d.h. Sie könnten schon weglassen der Klammern und es werden immer noch die korrekte für diesen Fall). Es wird nicht mit "<p/>", aber das kann leicht Hinzugefügt werden, als eine vierte Alternative. Ich habe nicht viel Erfahrung mit jQuery zu kommentieren, dass ein Teil. Ich zögere zu upvote, weil ich hoffe, dass es eine viel bessere Weise, das zu tun-HTML-transformation als regex.
    • Vielen Dank für deine Erklärung, das ist hilfreich 🙂
    • Sollte es nicht br2nl als Funktion name? Habe versucht, dein post zu editieren, aber es wurde abgelehnt.

    InformationsquelleAutor Sarfraz
  2. 4

    Wenn Sie möchten, nehmen Sie ein Stück html und ersetzen
    tags und self-closing-tags mit neue-Zeile-Zeichen, etwas zu tun wie:

    $('#element-containing-html-to-replace').html().replace(/(<br>)|(<p><\/p>)/g, "\n");

    sollte einen string zurückgeben, der den container mit HTML werden diese tags ersetzt mit neue-Zeile-Zeichen.

    InformationsquelleAutor darkliquid
  3. 2

    Können Sie diesen code verwenden, wenn Sie möchten, ersetzen Sie die html-Elemente selbst:

    $('body').find('br').replaceWith("\n");
$('body').find('p').each(function() {
    $(this).replaceWith("\n" + $(this).text() + "\n");
});
    • ist \r\n benötigt oder gerade \n tun?
    InformationsquelleAutor Biggie
  4. 2

    Nicht, dass ich wüsste, aber du kannst "\r\n";

    EDIT:

    Credits an @sAc, aber aktualisiert, um die tatsächliche ersetzen Sie den Wert & besser regexp:

    jQuery.fn.nl2br = function(){
    return this.each(function(){
        var that = jQuery(this);
        that.val(that.val().replace(/(<br\s*\/?>)|(<p><\/p>)/gi, "\r\n"));
    });
};
jQuery("textarea").nl2br();
    • jede Funktion hat einen Vorschlag?
    • problem mit ersetzen \r\n wird, die auf Windows-Systeme, die \n ' s scheinen nicht verarbeitet bekommen Recht
    • Keine Probleme für mich. Versuchen Sie, die folgenden im Firebug (oder einer Konsole) auf dieser Seite zum Beispiel: $("#wmd-input").val("test\r\ntest2");
    InformationsquelleAutor jerone
Schreibe einen Kommentar