微信小程序使用wxParse,解决图片显示路径未拼接问题

编程入门 行业动态 更新时间:2024-10-10 13:14:19

微信小程序使用wxParse,解决图片显示<a href=https://www.elefans.com/category/jswz/34/1771438.html style=路径未拼接问题"/>

微信小程序使用wxParse,解决图片显示路径未拼接问题

 

 另外附上小程序   wxParse的使用方法

小程序  转换富文本编辑器的方法先到github下载一个库     .js(必须存在)--html2json.js(必须存在)--htmlparser.js(必须存在)--showdown.js(必须存在)--wxDiscode.js(必须存在)--wxParse.wxml(必须存在)--wxParse.wxss(必须存在)--emojis(表情文件,可选)在页面引入js和css文件
在使用的View中引入Wxparse模块
var WxParse = require('../wxParse/wxParse.js');括号里放入你的路径
在使用的Wxss中引入WxParse.css,可以在app.wxss
@import "./wxParse/wxParse.wxss";   引号内放入你的路径接下来 我们需要显示的wxss页面上加  template标签   (就是要显示wxml页面)
<import src="../../wxParse/wxParse.wxml"/><view class="wxParse"><text>{{title}}</text><template is="wxParse" data="{{wxParseData:res.data.content.nodes}}"/>//这里data中res.data.content 为bindName
</view>.js文件
页面顶部引入文件
var WxParse = require('../wxParse/wxParse.js');在监听页面onload写入
let that = this
在返回成功位置(success)写入
var temp =  WxParse.wxParse('res.data.content', 'html', res.data.content, that, 5);
that.setData({msg:temp
})* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/

更多推荐

微信小程序使用wxParse,解决图片显示路径未拼接问题

本文发布于:2024-02-07 04:47:49,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1753457.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:路径   程序   图片   微信小   wxParse

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!