把富文本的回车转为br标签

发布时间：2023-05-23 13:14:59 来源：网络

.

迷离的夜空，灰黑色的天际悬着一轮金色的孤舟，载着满仓的梦想，驶向云层深处；凉风微微的吹袭着黑夜的素纱，掸掉岁月的风尘；融融的月光静静的流淌，冲断记忆的决堤；零星点点，柔柔的洒在树叶上，泛出浅浅的绿；如华的银色裹住一丝清凉，铺设一地的奢华。

例如："我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助，↵合作竞争，学习更加有动力！↵从简单的单词到句型和场景对话，↵孩子越来越敢于开口说英语啦！[耶]↵扫码立即领取外教课[爱心]↵让孩子从小与世界接轨~"

需要转为才能被html识别，并且换行。可以这样做。

‘↵’是回车符'/n',这段内容是通过textarea人为编辑，提交给后端保存的。编辑框中可以识别的字符，在普通的标签里面没办法识别到，所以要转换成可以识别的<br/>

方法1

string.replace(/(rn|n|r)/gm, "
")

然后再用v-html=转换之后的string，就可以正常展示换行了

方法2

第二种方法是用 <pre></pre>标签，<pre> 标签的一个常见应用就是用来表示计算机的源代码。可以识别字符串中的‘/n’，‘/r/n’, 制表符，空格...

方法3

第三种方法是用<textarea></textarea>展示，这样那边编辑的什么，这边就会显示什么

本文把富文本的回车转为br标签到此结束。我们渴望成功，首先要志在成功。小编再次感谢大家对我们的支持！

标签： br