微信小程序--解析富文本编辑器HTML

最新推荐文章于 2024-08-09 07:02:06 发布

ZhangXD_BLOG

最新推荐文章于 2024-08-09 07:02:06 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/u012054869/article/details/88532102

版权

本文介绍了在微信小程序中解析富文本编辑器HTML的步骤，包括在index.wxss引入wxParse.wxss，index.wxml引入wxParse.wxml，index.js引入wxParse.js，并详细讲解了内容解析和在index.wxml页面的输出方法。特别提示，针对图片不居中的问题，文中也给出了相应的解决方案。

摘要由CSDN通过智能技术生成

1. index.wxss 中引入wxParse.wxss文件

@import "../wxParse/wxParse.wxss";

2. index.wxml页面中引入wxParse.wxml文件

<import src="../wxParse/wxParse.wxml" />

3. index.js页面中引入wxParse.js文件

var WxParse = require('../wxParse/wxParse.js');

内容解析：

    wx.request({
      url: 'https://xxxx/detail',
      headers: {
        'Content-Type': 'application/json'
      },
      method: 'GET',
      success: function (res) {
        var article = res.data.result.data;
        WxParse.wxParse('article', 'html', article, that, 20);
      }