建站中的切图注意事项-小程序中显示html格式内容

2021-05-02 13:22| 发布者: | 查看: |

--------

建站中的切图注意事项

------- 近期新项目上遇到在手机微信小程序里需要显示信息新闻內容,新闻內容是根据插口载入的服务器中的富文字內容,是html文件格式的,小程序默认设置是不适用html文件格式的內容显示信息的,那大家需要显示信息html內容的情况下,便可以根据wxParse来完成。

提前准备工作中:

最先大家免费下载wxParse


wxParse

免费下载完以后大家需要用到文件目录下的wxParse文档夹,把他复制到大家的新项目文件目录下

下面是实际的应用流程

1、在app.wxss全局性款式文档中,需要引入wxParse的款式表

@import /page/wxParse/wxParse.wxss 
2、在需要载入html內容的网页页面对应的js文档里引入wxParse

var WxParse = require( ../../wxParse/wxParse.js 
3、根据启用WxParse.wxParse方式来设定html內容

* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName关联的数据信息名(必填)
* 2.type能够为html或md(必填)
* 3.data为传入的实际数据信息(必填)
* 4.target为Page目标,通常是this(必填)
* 5.imagePadding为当照片自适应是左右的单一padding(默认设置为0,可选)
*/
Page({
 data: {
 onLoad: function () {
 var that = this;
 wx.request({
 url: , 
 method: POST ,
 data: {
 id :13
 header: {
 content-type : application/json 
 success: function(res) {
 var article = res.data[0].post;
 WxParse.wxParse( article , html , article, that,5);
})
4、在网页页面中引入模版

 import src= ../../wxParse/wxParse.wxml / 
 template is= wxParse data= {{wxParseData:article.nodes}} / 
这样便可以在手机微信小程序中嵌入html內容了

总结

原文连接:p/3de027555e77

大伙儿有甚么难题或技术性上的念头能够在此与大伙儿共享,还可以添加前端开发喜好者QQ群()一起学习培训发展:【幸凡前端开发技术性沟通交流群】如需转载请注明出处:art_detail.aspx?id=840【手机微信小程序中显示信息html文件格式內容的方式 wxParse】幸凡学习培训网 0 ---------

建站中的切图注意事项

------------
<
>

 
QQ在线咨询
售前咨询热线
18720358503
售后服务热线
18720358503
返回顶部