首先去 https://github.com/icindy/wxParse 下载wxParse,只拷贝wxParse文件夹即可。
1、引入wxss
@import "../wxParse/wxParse.wxss";
2、引入wxml
<import src="../wxParse/wxParse.wxml"/>
<view class="wxParse">
<template is="wxParse" data="{{wxParseData:article_content.nodes}}"/>
</view>
3、引入js并加载数据
var app = getApp();
var WxParse = require('../wxParse/wxParse.js');
Page({
data: {
motto: 'jxcat',
serverUrl: app.globalData.ajaxUrl,
baseUrl: app.globalData.baseUrl,
title: "文章详情",
article_title: "",
article_content: "",
},
onLoad: function (options) {
var that = this
var result
//serverUrl = app.globalData.ajaxUrl
wx.request({
url: app.globalData.ajaxUrl,
data: {
m: 'api',
c: 'article' ,
a: 'info',
aid: options.aid
},
header: {
'content-type': 'application/json'
},
success: function(res) {
that.setData({
article_title:res.data.article_title,
article_content:WxParse.wxParse('article_content', 'html', res.data.article_content, that, 5)
})
}
})
//request
}
})
相关推荐
本文实例讲述了微信小程序使用wxParse解析html的方法。分享给大家供大家参考,具体如下: 首先去 https://github.com/icindy/wxParse 下载wxParse,只拷贝wxParse文件夹即可。 或者点击此处本站下载。 一、首先将...
"微信小程序wxParse解析HTML"是解决此类问题的一种解决方案,它允许我们在小程序中展示包含复杂格式的文本,如加粗、斜体、链接、图片等。下面将详细介绍这个主题,并探讨如何使用wxParse库进行HTML解析。 1. **...
主要给大家介绍了关于微信小程序使用wxParse解析html的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现...
2. 解析HTML字符串:在需要解析富文本的地方,调用`wxParse.wxParse('article', 'html', htmlStr, that, 3)` 方法,参数依次是绑定的data-name、解析的类型、HTML字符串、当前页面的this引用和最大解析层级。...
富文本解析是wxParse的核心功能,它能够解析HTML字符串,将其转化为支付宝小程序可识别的组件结构。这样,开发者可以方便地展示包含图片、链接、列表、段落、标题等复杂格式的文本。通过wxParse,开发者不再需要对...
`wxParse`就是这样一个专门用于微信小程序的富文本解析组件,它能够将HTML和Markdown格式的文本转化为小程序可识别的结构,从而在小程序中展现出来。 ### HTML解析 HTML(HyperText Markup Language)是一种通用的...
对wxParse代码扩展,只需要在html文字中加入$ latex公式 $, 微信小程序中显示数学公式图片。如$ \frac{{\rm{a}}}{b}×\frac{{1 + y\% }}{{1 + x\% }} $就是latex数学公式。wxParse使用自行搜索。
wxParse是一个专门用于微信小程序解析富文本的组件,它能够有效地将HTML字符串转换为小程序可以识别的WXML结构,从而在小程序中显示复杂的图文信息。这个组件不仅支持基本的HTML标签,如`<p>`、`<img>`、`<a>`等,还...
4. **链接跳转**:解析HTML中的链接,用户点击后可在微信内打开网页或者跳转至小程序内的其他页面。 5. **自定义样式**:开发者可以通过修改组件样式,实现与小程序整体风格的统一。 6. **性能优化**:通过合理地...
`wxParse`就是这样一个非常实用的库,它能帮助我们解决在微信小程序中识别和解析HTML标签的问题。 `wxParse`是一个由微信小程序社区开发的开源库,其主要功能是将HTML字符串转换为微信小程序可识别的WXML结构,以便...
wxParse通过解析HTML标签和Markdown语法,实现了在微信小程序中显示富文本的能力。 2. **HTML解析**: HTML(超文本标记语言)是网页内容的基础,它通过一系列标签来定义文本的结构和样式。wxParse支持HTML的大...
最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现...
"小程序富文本解析 wxparse.zip" 提供了一个解决方案,即wxparse组件,它是一个专门用于微信小程序中富文本解析的开源组件。 wxparse组件的核心功能是将HTML字符串转化为小程序可识别的WXML和WXSS结构,使得开发者...
1)我用于百度小程序,微信等其他的应该也可以用,毕竟wxParse在其他小程序上也在使用 2)后台使用的是php语言 3)完全适用pbootcms的站点,其他的站点只需要在返回数据到小程序之前修改一下也可以适用
在微信小程序中,wxParse通过解析HTML字符串并将其转换为小程序可以识别的结构,实现了对富文本内容的完美适配。 然后,我们注意到文件夹中有两个版本,分别对应支付宝小程序和微信小程序。虽然wxParse最初是为微信...