微信小程序富文本写法

最新推荐文章于 2025-07-07 16:49:08 发布

原创

最新推荐文章于 2025-07-07 16:49:08 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

JS:
引用的JS
var WxParse = require('../common/wxParse/wxParse.js');

富文本详情JS
var introduce = WxParse.wxParse('introduce', 'html', res.data.dat[0].introduce,
that, 5);

WXML:

引用的WXML
<import src="../common/wxParse/wxParse.wxml" />

富文本详情WXML
<view class="content">
<view class="wxParse">
<template is="wxParse" data="{ {wxParseData:introduce.nodes}}" />
</view>
</view>

被引用的JS： wxParse.js

/**
* author: Di (微信小程序开发工程师)
* organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
* 垂直微信小程序开发交流社区
*
* github地址: https://github.com/icindy/wxParse
*
* for: 微信小程序富文本解析
* detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
*/

/**
* utils函数引入
**/
import showdown from './showdown.js';
import HtmlToJson from './html2json.js';
/**
* 配置及公有属性
**/
var realWindowWidth = 0;
var realWindowHeight = 0;
wx.getSystemInfo({