问题:
页面上有个 <textarea></textarea> 元素,输入内容以后预览,发现回车键的位置并没有换行。如下图所示:
预览结果:
将内容打印出来,可以看到,<textarea> 中的内容里面,换行是用的 “\n” ,而 html 并不识别:
解决办法:
将内容里面的\r替换成<br>再进行预览就可以了:
var ctxt = $('textarea').val(); // 获取 textarea 内容
ctxt = ctxt.replace(/\n|\r\n/g,"<br>"); // 替换换行符 \n
再次预览就OK了: