微信小程序前端如何格式化段落

从服务器获取了段落文本,在前端进行段落格式化,效果如下图页面的“简介”所示

一般来说,需要处理两个问题

第一个问题:处理转义字符\n

段落文本是连续的字符串,段与段之间用转义字符\n分割,但是前端加载的是\n字符串,小程序并不认识\n,并自动给咱们换行,那么需要处理字符串转义字符。

方法:将字符串\n转换成\\n,可以用wxs过滤器来处理,上代码

(1)新建wxs文件夹,创建util.wxs文件

(2)在wxml文件引用util.wxs文件,然后在wxml文件中调用format函数

第二个问题:处理段落开头空两格

如果是多段落,分两步走

第一步处理首段落

因为前端加载的过来的数据,系统默认只有一个段落,那么可以通过样式来处理

第二步处理其他段落

在处理第一个问题的时候,正则表达式替换\n的时候,后面增加几个&nbsp空格

如果有任何疑问,可以给我私信。

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

推荐阅读更多精彩内容

  • 引言 WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。 注意 w...
    OzanShareing阅读 1,419评论 0 3
  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 7,385评论 0 9
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,434评论 0 5
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,281评论 0 3
  • 控制情绪是一个人成熟的标志。控制情绪也是减少对爱人,朋友的伤害,也让自己在情绪失控时免于自责。 每个人发完火,...
    陌影夕颜阅读 268评论 0 0