【js】前台如何处理后台textarea内文本的换行符号

最近在做小程序的时候遇到了问题,在后台textarea内写的换行在前台无法呈现。我最初想的办法是使用正则去寻找\n符号替换,但发现不太好用,似乎无法识别,然后我使用split以\n来分割则成功了。

先使用split以换行符号分割成数组,再把数组用<br>连接成新字符串即可完成换行。
(不过原生小程序开发工具里没有<br>,用<view></view>连接我觉得可以试试)

newStr=str.split('\n').join('<br>');

然后把新字符串以html模式解析即可:

Vue.js:

<div v-html="newStr"></div>

jQuery:

el.html(newStr);

js:

el.innerHTML=newStr;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,395评论 0 3
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,275评论 0 4
  • 第五章******************************************************...
    fastwe阅读 722评论 0 0
  • JavaScript语言精粹 前言 约定:=> 表示参考相关文章或书籍; JS是JavaScript的缩写。 本书...
    微笑的AK47阅读 600评论 0 3
  • 1.单行注释:“//”2.多行注释:“/ /” if条件语句 1. if(bloolean 表达式){pass;...
    再也不喊饿阅读 592评论 0 0