Rendering Klartext als HTML pflegen whitespace – ohne <pre>

Der Lösung zu tun, während immer noch so dass der browser wrap lange Zeilen ist zu ersetzen, jede Sequenz von zwei Leerzeichen durch ein Leerzeichen und eine non-break space.

Browser korrekt gerendert, alle Räume (normal und nicht zu brechen sind), während noch umbrechen langer Zeilen (durch normale Leerzeichen).

Javascript:

text = html_escape(text); // dummy function
text = text.replace(/\t/g, '    ')
           .replace(/  /g, '  ')
           .replace(/  /g, '  ') // second pass
                                      // handles odd number of spaces, where we 
                                      // end up with " " + " " + " "
           .replace(/\r\n|\n|\r/g, '<br />');

Während dies nicht ganz alle Ihre Anforderungen zu erfüllen — für eine Sache, die es nicht handhaben tabs, ich habe das folgende Schmuckstück, das fügt eine wordWrap() Methode, um Javascript Strings, auf ein paar Gelegenheiten zu tun etwas ähnlich, was Sie beschreiben — so könnte es ein guter Ausgangspunkt, um zu kommen mit etwas, das auch die zusätzlichen Dinge, die Sie wollen.

//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/string/wordwrap [rev. #2]

// String.wordWrap(maxLength: Integer,
//                 [breakWith: String = "\n"],
//                 [cutType: Integer = 0]): String
//
//   Returns an string with the extra characters/words "broken".
//
//     maxLength  maximum amount of characters per line
//     breakWith  string that will be added whenever one is needed to
//                break the line
//     cutType    0 = words longer than "maxLength" will not be broken
//                1 = words will be broken when needed
//                2 = any word that trespasses the limit will be broken

String.prototype.wordWrap = function(m, b, c){
    var i, j, l, s, r;
    if(m < 1)
        return this;
    for(i = -1, l = (r = this.split("\n")).length; ++i < l; r[i] += s)
        for(s = r[i], r[i] = ""; s.length > m; r[i] += s.slice(0, j) + ((s = s.slice(j)).length ? b : ""))
            j = c == 2 || (j = s.slice(0, m + 1).match(/\S*(\s)?$/))[1] ? m : j.input.length - j[0].length
            || c == 1 && m || j.input.length + (j = s.slice(m).match(/^\S*/)).input.length;
    return r.join("\n");
};

Ich möchte auch anmerken, dass es scheint mir, als wenn, im Allgemeinen, Sie wollen, um zu verwenden, eine Monospace-schriftart, wenn die tabs sind betroffen, denn die Breite von Worten würde variieren mit der Proportionalschrift verwendet (die die Ergebnisse von der Verwendung von Tabulatoren Schrift sehr abhängig).

Update: Hier ist eine etwas besser lesbare version mit freundlicher Genehmigung von einem online -javascript  - verschönerer:

String.prototype.wordWrap = function(m, b, c) {
    var i, j, l, s, r;
    if (m < 1)
        return this;
    for (i = -1, l = (r = this.split("\n")).length; ++i < l; r[i] += s)
        for (s = r[i], r[i] = ""; s.length > m; r[i] += s.slice(0, j) + ((s =
                s.slice(j)).length ? b : ""))
            j = c == 2 || (j = s.slice(0, m + 1).match(/\S*(\s)?$/))[1] ? m :
            j.input.length - j[0].length || c == 1 && m || j.input.length +
            (j = s.slice(m).match(/^\S*/)).input.length;
    return r.join("\n");
};