将所有\ n替换为<，所有不在<textarea> </ textarea>标记内

Question

having a javascript string

var s = ' hi there \n <textarea> hello \n there </texarea> hi \n hi';

anybody knows how to do a replace of \\n to <br/> that will only affect the \\n symbols outside of the textarea ?
the result should be this:

'hi there <br/> <textarea> hello \n there </texarea> hi <br/> hi';   

Answer 1

For a single textarea, you can use match to select the textarea. Then, use replace using a Regular expression with the global flag to replace all newlines by <br/> .

var s = s.replace(/\n/g, "<br//>");
//Replace all newline characters by "<br//>"

var textareaContent = s.match(/<textarea>[\s\S]+?<\/textarea>/i);
//Preparation: Selects a textarea

var newString = textareaContent[0].replace(/<br\/\/>/g, "\n");
//Preparation: replaces all "<br//>" inside the textarea by "\n" (newline feed)

s = s.replace(textareaContent[0], newString);
//Replaces the textarea inside the string by the new textarea (= including "\n")

var desiredResult = s.replace(/<br\/\/>/g, "<br/>");
//Replaces the remaining "<br//>" (the ones outside the textarea) by "<br/>"

If you have to support multiple textareas, you can use a for loop in conjunction with the exec method of the Regular expression object.

Answer 2

You can use this line

var text = text.replace(/\n/g, '<br/>');

This will replace all \\n characters with
tag in text.

Answer 3

Put everything in a div and put the \\n tags you want in spans. So the first \\n would be the first child and the second \\n outside the text area would be the last child.

Then you can call the first and last child of the div and manipulate the HTML

var s = ' hi there <span class= "changethis">\n</span> <textarea> hello \n there   </texarea> hi <span class= "changethis">\n</span> hi';