转载至:http://blog.csdn.net/tang05709/article/details/54924675

这个是需要循环出显示的
https://github.com/tonyzhan/cnodeWeixinApp/blob/master/pages/detail/detail.wxml

首先去 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
  }
})

转载于:https://www.cnblogs.com/ch-zaizai/p/7418364.html

小程序使用wxParse解析html相关推荐

  1. 微信小程序使用wxParse解析渲染html代码片段

    最近项目中一个遇到需求,就是在微信小程序里,需要显示html代码片段内容,内容是通过接口读取的服务器中的富文本内容,是html代码片段,小程序默认是不支持html格式的内容显示的,会被认为是Objec ...

  2. 小程序在wxml里转数字_小程序html转wxml,微信小程序用wxParse解析html

    1.首先下载 wxParse脚本,到https://github.com/icindy/wxParse下载,将wxParse文件夹放置到小程序根目录,即跟pages同级目录 2.在样式页面 wxss ...

  3. 微信小程序使用wxParse解析html

    最近项目上遇到在微信小程序里需要渲染文章,后台返回的是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现. 首先我们在gith ...

  4. 小程序中WxParse循环解析返回的富文本数据

    WxParse循环解析 一.遇到问题 最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析ht ...

  5. wxparse的使用php返回数组输出,微信小程序中WxParse循环解析返回的富文本数据

    WxParse循环解析 一.遇到问题 最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析ht ...

  6. 微信小程序 html插件,微信小程序使用wxParse插件读取富文本,解析html标记

    微信小程序使用wxParse插件读取富文本,解析html标记 发布时间:2018-04-07 作者:Admin 标签: 微信小程序 微信小程序解析HTML标记 访问量:1203 使用wxParse可以 ...

  7. 微信小程序富文本解析点击图片放大_微信小程序解析富文本过程详解

    前言 最近公司在开发OTA微信小程序,一些页面的详情内容是HTML富文本格式的的,但是微信小程序不能直接解析HTML,需要将内容中的HTML标签转换成微信小程序所支持的标签. 开始的时候想过自己写方法 ...

  8. 小程序富文本解析利器mp-html

    微慕小程序是资讯.媒体类小程序,因为对富文本内容和媒体内容的显示有较高的需求.对于富文本解析,微慕小程序以前采用的开源的wxParse组件,不过wxParse组件存在很多的问题且已经停止维护支持,随着 ...

  9. 微信小程序使用wxParse,解决图片显示路径问题

    微信小程序使用wxParse,解决图片显示路径问题 参考文章: (1)微信小程序使用wxParse,解决图片显示路径问题 (2)https://www.cnblogs.com/zxf100/p/100 ...

最新文章

  1. 基于Redis的分布式锁和Redlock算法
  2. TCP/IP详解--第四章
  3. Qt QProces的使用
  4. apache ignite_Apache Ignite,Hazelcast,Cassandra和Tarantool之间的主要区别
  5. linux 中常用安装配置
  6. pandas不显示index_pandas层级索引
  7. 论文笔记_S2D.32-2019-TIP_HMS-Net:用于稀疏深度补全的分层多尺度稀疏不变网络
  8. 【莫队算法】【权值分块】bzoj3920 Yuuna的礼物
  9. java rfid 写入_怎么使用java来读取外接RFID数据
  10. 书店管理系统(C++初学者友好版)
  11. 用java编写宠物店管理系统_基于jsp的宠物店管理系统-JavaEE实现宠物店管理系统 - java项目源码...
  12. Pygame安装方法(Windows10, Python-3.7.2)
  13. 小程序之跨平台黑魔法
  14. win10删除右键菜单多余项
  15. E900V21C安装Linux系统(Armbian)
  16. 电商平台促销方式汇总
  17. 计算机无法启动应用程序怎么办,应用程序0xc000007b无法正常启动解决办法
  18. 根据车辆品牌获取品牌所属公司,车标logo,创建年份等基本信息
  19. 线性回归中“回归”的含义
  20. LED大屏分屏专业播放软件vMix Pro 19版一键和谐补丁永久使用

热门文章

  1. 使用VS搭建三层结构
  2. 推荐的讲解算法的网站、好博客:
  3. python numpy使用
  4. android状态机实现原理
  5. golang中的消息认证
  6. linux命令pwd
  7. golang中struct字段
  8. 初识标准库vector
  9. C#之windows桌面软件第五课:串口助手实现定时关闭设备、鼠标移动使按钮颜色变化功能
  10. C++是类型安全的吗?