微信小程序> 微信小程序解析富文本编辑器HTML

微信小程序解析富文本编辑器HTML

浏览量:1859 时间: 来源:con_knife
 

1、首先要下载wxParse包下载地址  并放到根目录下

2、在app.wxss 中引入wxParse.wxss文件,

@import "wxParse/wxParse.wxss";

3、在需要用到解析HTML的wxss页面 中引入wxParse.wxss文件,

import src="../../wxParse/wxParse.wxml"/

4、在需要用到解析HTML的js页面 中引入wxParse.js文件

//引入文件var WxParse = require('../../wxParse/wxParse.js');//内容解析var content = res.data.contentWxParse.wxParse('content', 'html', content, that, 3);
 

参数说明
 WxParse.wxParse(输入需要解析的内容, 解析类型, 输出变量值, that, 边距(默认为0));

5、在需要解析的wxml页面中输出

template is="wxParse" data="{{wxParseData:content.nodes}}"/
 

另外如果有输出图片的时候,会遇到图片不居中,解决方法如下

//在wxss中加入image{  width: 100% !important;}
 

欢迎加群讨论:群号-578385176

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎