在业务场景中碰到纯字符串带有‘↵’，需要换行显示字符文字，但是整体并不是html标签形式，所以记录一下处理过程。
‘↵’是回车符'/n',这段内容是通过textarea人为编辑，提交给后端保存的。编辑框中可以识别的字符，在普通的标签里面没办法识别到，所以要转换成可以识别的
方法1：
|
1 |
string.replace(/(rn|n|r)/gm, "") |
然后不同框架使用方式
|
1 2 3 |
react <div dangerouslySetInnerHTML={{__html: "字符串内容"}} /> vue <div v-html="字符串内容"></div> |
方法2：
第二种方法是用 pre标签，pre标签的一个常见应用就是用来表示计算机的源代码。可以识别字符串中的‘/n’，‘/r/n’, 制表符，空格...
方法3
第三种方法是用
|
1 |
<textarea></textarea> |
展示，这样那边编辑的什么，这边就会显示什么
