【亿码酷站-编程开发教程】收集全网优质教程及源码资源！
全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ysym.cc！
微信小程序Markdown渲染库
使用方式
1. 准备工作：
下载并拷贝wemark目录到小程序根目录
WXSS中引用样式：@import ‘../wemark/wemark.wxss’
WXML中引用结构：<import src=”../wemark/wemark.wxml”/>
JS中引用wemark：var wemark = require(‘wemark’)
2. JS部分
首先需要确定一个用于wemark渲染使用的数据名称（默认情况下为wemark），然后在页面的data中指定：
page({
data:{ // 确定一个数据名称 wemark:{}
}
});
接下来在Page的生命周期函数（如onReady）中，调用wemark.parse(md, this, options)即可。
具体的参数说明：
md，必填，需要渲染的Markdown字符串
this，必填，Page实例
options，其它的参数
imageWidth，图片的宽度，如包含图片，则为必填，以px为单位 新版小程序图片可以自适应宽高
name，对应上面指定的数据名称，默认为wemark
3. WXML部分
// data中的参数和上方确定的数据名称保持一致
<template is=”wemark” data=”{{…wemark}}”></template>
实例
// 引入wemark var wemark = require(‘../wemark/wemark’); // 需要渲染的Markdown文本 var md = ‘# hello, worldnnI love you, wemark!’; Page({
data: { // 确定一个数据名称 wemark:{}
}, onReady: function(){ wemark.parse(md, this, { // 新版小程序可自适应宽高 // imageWidth: wx.getSystemInfoSync().windowWidth – 40, name: ‘wemark’ })
}
});
上一页：
下一页：
相关推荐
【亿码酷站】—网站源码下载—微信小程序Markdown渲染库
微信小程序可滑动tabview
1.本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
2.源码素材属于虚拟商品,具有可复制性,可传播性,不接受任何形式的退款、换货要求。购买下单前,请提前确认时你所需的资源!
3.本站提供的一切源码、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途!必须在下载后的24个小时之内,从你的电脑或手机中彻底删除!
4.本站所提供的免费源码,模板,插件等其他资源都不包含免费的技术服务,所有资源售价只是赞助,收取费用仅维持本站日常运营所需。敬请谅解!
评论(0)