首页 > Web开发 > 详细

ajax 返回的数据有换行符,前端如何展示出来?

时间:2019-04-01 19:43:44      阅读:612      评论:0      收藏:0      [点我收藏+]

后端返回的数据如下

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

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

string.replace(/(\r\n|\n|\r)/gm, "<br />")

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

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

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

ajax 返回的数据有换行符,前端如何展示出来?

原文:https://www.cnblogs.com/lijianjian/p/10638293.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!