wx.parse 解析失败

╰半夏微凉° 2021-10-19 03:26 313阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70 1][]

用wx.parse 解析富文本编辑器，一切按照文档来执行，结果遇到行内样式就解析不了

我是在课程详情这个页面拿到的数据，然后跳转到报名须知页面展示出来，通过   **App.JumpTo('../signNotes/signNotes?signNotes='+this.data.list.signNotes);**页面跳转传参待到报名须知页面

**解决思路：**

1.先手写一个标签，放进去，页面展示ok，怀疑是双引号解析除了问题（我当时手写标签，是用的单引号，并没有用双引号，如果这里用了双引号可能就避免了第二步）

2.后端把所有的双引号转移成单引号，发现并不行

3.这时候，我又仔细研究了一下控制台打印的东西，发现页面拿到的数据，和上一个页面的数据就不一样，问题就一下子定位到了，就是页面传参出了问题，为了验证这个猜想，把数据存到了缓存里，保证拿到的数据是正确的，然后页面就展示ok了

4.既然问题已经定位到了，这时候就考虑数据怎么拿的问题，用缓存的话，肯定会影响性能，所以我这里用的是**encodeURIComponent****进行编码**** 用decodeURIComponent****进行解码**

**具体实现：**

接收的页面这样写

onLoad: function (options) {
        var article = decodeURIComponent(options.signNotes);
        WxParse.wxParse('article', 'html', article, that,5);
      },

第一个页面这样写

// 跳转到报名须知
      jumpToSignNotes: function () {
        let url = "../signNotes/signNotes?signNotes=" + encodeURIComponent(this.data.list.signNotes);
        App.JumpTo(url);
      },

以上是使用的wx.parse 但是发现里面坑比较多，发现一个更好用的，链接如下，欢迎大家使用

[https://github.com/jin-yufeng/Parser][https_github.com_jin-yufeng_Parser]

如有疑问，欢迎补充 ^ \_ ^

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70]: /images/20211018/fce70e221b914cbc8910eac9091b34e8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70 1]: /images/20211018/f3333c13cffc4fd6a46cfdd9a0237e72.png
[https_github.com_jin-yufeng_Parser]: https://github.com/jin-yufeng/Parser