在jquery html（）上保留制表符（缩进）

Question

I'm writing a very basic site that has a textarea and a div . When text is input in the text area, it gets processed by some JavaScript functions resulting in the final HTML markup

Problem is, tabs ( \\t ) are not preserved. Is there a way to do this? Maybe replacing all \\t by a certain HTML tag (like replacing line breaks with <br/> )?

Answer 1

Use white-space: pre on the HTML ( <div> ) element. You won't have to modify the text - it will format itself.

pre
Sequences of whitespace are preserved, lines are only broken at newline characters in the source and at
elements.

Answer 2

For a code-only solution, replace them with multiple non-break spaces (eg      ) - repeat to suit your indenting level (4 and 8 are spaces are most common).

var str = "\tline 1";
str = str.replace(/\t/g, "    ");
alert(str);

use a regex with /g as replace with a string does not support multiple matches.