微信小程序使用html2wxml 解决代码块无法换行

摸鱼moyv

于 2020-03-10 10:28:16 发布

阅读量803

点赞数

分类专栏：微信小程序文章标签：小程序 javascript

本文链接：https://blog.youkuaiyun.com/weixin_44042074/article/details/104768309

版权

微信小程序专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个在使用html2wxml转换工具时遇到的问题，即代码块内的 标签无法被正确解析导致换行失效。通过将 标签替换为，成功解决了代码块的换行问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用html2wxml 遇到了一个很严重的问题，就是代码块无法换行
在这里插入图片描述
排除了一切代码错误后终于找到了问题的所在，就是html2wxml 好像是无法解析<pre> </pre>标签中的 标签，这或许也跟代码高亮有关，因为我数据中的<pre> </pre>标签里都是用的 标签来换行，所以要把 标签替换成\n，替换代码如下：

var content = res.data[0].content;//首先将请求到的数据接收到一个变量
content = content.replace(/(<\/?br.*?>)/g, '\n');//使用replace方法把<br>标签都替换为\n
this.setData({
        data: content   //最后绑定数据
       })

问题成功解决
在这里插入图片描述