`
yuanke
  • 浏览: 73432 次
  • 性别: Icon_minigender_2
  • 来自: 临沂
社区版块
存档分类
最新评论

小程序使用wxParse解析html

阅读更多

首先去 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的方法示例

    本文实例讲述了微信小程序使用wxParse解析html的方法。分享给大家供大家参考,具体如下: 首先去 https://github.com/icindy/wxParse 下载wxParse,只拷贝wxParse文件夹即可。 或者点击此处本站下载。 一、首先将...

    微信小程序wxParse解析HTML

    "微信小程序wxParse解析HTML"是解决此类问题的一种解决方案,它允许我们在小程序中展示包含复杂格式的文本,如加粗、斜体、链接、图片等。下面将详细介绍这个主题,并探讨如何使用wxParse库进行HTML解析。 1. **...

    微信小程序使用wxParse解析html的方法教程

    主要给大家介绍了关于微信小程序使用wxParse解析html的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    微信小程序使用wxParse解析html的实现示例

    最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现...

    支付宝小程序 富文本解析 wxParse

    2. 解析HTML字符串:在需要解析富文本的地方,调用`wxParse.wxParse('article', 'html', htmlStr, that, 3)` 方法,参数依次是绑定的data-name、解析的类型、HTML字符串、当前页面的this引用和最大解析层级。...

    支付宝小程序-wxParse

    富文本解析是wxParse的核心功能,它能够解析HTML字符串,将其转化为支付宝小程序可识别的组件结构。这样,开发者可以方便地展示包含图片、链接、列表、段落、标题等复杂格式的文本。通过wxParse,开发者不再需要对...

    wxParse 微信小程序富文本解析自定义组件,支持HTML及markdown解析

    `wxParse`就是这样一个专门用于微信小程序的富文本解析组件,它能够将HTML和Markdown格式的文本转化为小程序可识别的结构,从而在小程序中展现出来。 ### HTML解析 HTML(HyperText Markup Language)是一种通用的...

    扩展微信小程序的wxParse库支持latex数学公式

    对wxParse代码扩展,只需要在html文字中加入$ latex公式 $, 微信小程序中显示数学公式图片。如$ \frac{{\rm{a}}}{b}×\frac{{1 + y\% }}{{1 + x\% }} $就是latex数学公式。wxParse使用自行搜索。

    微信小程序wxParse组件及案例

    wxParse是一个专门用于微信小程序解析富文本的组件,它能够有效地将HTML字符串转换为小程序可以识别的WXML结构,从而在小程序中显示复杂的图文信息。这个组件不仅支持基本的HTML标签,如`&lt;p&gt;`、`&lt;img&gt;`、`&lt;a&gt;`等,还...

    微信小程序富文本解析wxParse

    4. **链接跳转**:解析HTML中的链接,用户点击后可在微信内打开网页或者跳转至小程序内的其他页面。 5. **自定义样式**:开发者可以通过修改组件样式,实现与小程序整体风格的统一。 6. **性能优化**:通过合理地...

    在微信小程序中识别html标签的方法(wxParse)

    `wxParse`就是这样一个非常实用的库,它能帮助我们解决在微信小程序中识别和解析HTML标签的问题。 `wxParse`是一个由微信小程序社区开发的开源库,其主要功能是将HTML字符串转换为微信小程序可识别的WXML结构,以便...

    wxParse-微信小程序富文本解析自定义组件,支持HTML及markdown解析.zip

    wxParse通过解析HTML标签和Markdown语法,实现了在微信小程序中显示富文本的能力。 2. **HTML解析**: HTML(超文本标记语言)是网页内容的基础,它通过一系列标签来定义文本的结构和样式。wxParse支持HTML的大...

    wxParse 小程序HTML代码解析

    最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现...

    小程序富文本解析 wxparse.zip

    "小程序富文本解析 wxparse.zip" 提供了一个解决方案,即wxparse组件,它是一个专门用于微信小程序中富文本解析的开源组件。 wxparse组件的核心功能是将HTML字符串转化为小程序可识别的WXML和WXSS结构,使得开发者...

    结合wxParse,针对复杂html进行解析.主要处理小程序白屏问题

    1)我用于百度小程序,微信等其他的应该也可以用,毕竟wxParse在其他小程序上也在使用 2)后台使用的是php语言 3)完全适用pbootcms的站点,其他的站点只需要在返回数据到小程序之前修改一下也可以适用

    支付宝,微信小程序wxParse

    在微信小程序中,wxParse通过解析HTML字符串并将其转换为小程序可以识别的结构,实现了对富文本内容的完美适配。 然后,我们注意到文件夹中有两个版本,分别对应支付宝小程序和微信小程序。虽然wxParse最初是为微信...

Global site tag (gtag.js) - Google Analytics