javascript - 将所有\n 替换为 ，所有不在 <textarea> </textarea> 标签内的内容

Question

有一个javascript字符串

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

任何人都知道如何替换 \n至 <br/>这只会影响 \n文本区域外的符号 ?
结果应该是这样的:

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

Answer 1

对于单个文本区域，可以使用match选择文本区域。然后，使用 replace使用带有全局标志的正则表达式将所有换行符替换为 <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/>"

如果你必须支持多个文本区域，你可以使用 for与 exec 一起循环正则表达式对象的方法。