微信小程序 页面传值文本解密问题

本文介绍如何使用WxParse插件在微信小程序中解析百度Ueditor编辑器生成的富文本,保留原有样式,并解决页面传值时文本大小限制的问题。通过引入WxParse插件并正确配置,实现html标签的完整解析,同时利用decodeURIComponent进行解码处理,确保文本完整显示。

微信小程序 页面传值文本解密问题

遇到问题

最近在做小程序,遇到这样一个需求:

将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析html标签,也能全部解析。

首先要下载WxParse插件

第一步
https://github.com/icindy/wxParse 下载wxParse,注意:只拷贝wxParse文件夹。

第二步:
1、在需要解析的wxss页面引入

@import “…/…/wxParse/wxParse.wxss”;
//引入标签解析 !!注意路径不要写错

2、在需要解析的 wxml页面 引入

//引入标签解析 !!注意路径不要写错

//view中的内容 直接由wxParse解析出来,样式自动生成,只需要修改一样细节就可以

<view class="wxParse">
        <template is="wxParse" data="{{wxParseData: article_content.nodes}}"/>
</view>

3、引入j在需要解析的js页面引入 并加载数据

var app = getApp();
var WxParse = require(’…/wxParse/wxParse.js’);
//引入标签解析插件 !!注意路径不要写错

重点:
当需要进行页面传值新建详情页时,会发现文本会受大小限制(只截取一部分),解决办法:
这是因为传值的时候数据进行了加密,要在接收端加上decodeURIComponent进行解码
加密可用encodeURIComponent进行编码

应用场景:
二维码内容获取:
在这里插入图片描述

部分摘抄自小程序解析html富文本插件wxParse配制全面指南

本人第一次写博客,有些地方可能写得不太好请多多包涵,给个赞支持下,嘻嘻。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值