更多>
最新下载
家居装潢清洁维修服务公司网站模板
家居装潢清洁维修服务公司网站模板是一款适合提供家居装潢、清洁、维修等服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
56
2024-02-29
清新配色个人求职简历引导页模板
清新配色个人求职简历引导页模板是一款适合清新配色风格的个人求职简历作品展示引导页网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
24
2024-02-29
24小时阅读排行榜
- 1 摩根大通推出IndexGPT:智能化投资建议引领新潮流
- 2 Linux系统的VPS性能怎么测试
- 3 php redis如何实现定时任务
- 4 mysql标识列的特点有哪些
- 5 现场对标ChatGPT!又一AI大模型发布,还要渗透这么多行业
- 6 VR在智慧旅游行业的应用
- 7 中国首个Pocket Gallery虚拟展厅亮相中央美术学院美术馆
- 8 重大安全风险!美光公司产品对中国关键信息基础设施构成威胁
- 9 新一代天猫精灵评测:里面住了个温暖还话痨的AI朋友
- 10 苹果江郎才尽?前营销高管不看好苹果AR/VR头显。
- 11 MySQL的循环语句有哪些
- 12 AIGC能为元宇宙里的「人」做些什么?|1号AIGC季②
- 13 AI将夺走人类的“饭碗”?听听科技大咖们怎么说!
- 14 升级到 Windows 11 后如何避免垃圾邮件
- 15 苹果限制员工使用ChatGPT等外部AI,担心泄露机密数据
更多>
最新教程
-
- 微信小程序开发之API篇
- 1481 2024-02-20
-
- Webpack4.x---十天技能课堂
- 2082 2024-02-02
-
- Bootstrap4.x---十天精品课堂
- 2155 2024-01-30
-
- ECMAScript6 / ES6---十天技能课堂
- 2731 2024-01-26
-
- Laravel---API接口
- 2147 2024-01-23
-
- php-src源码分析探索
- 1229 2024-01-22
微信小程序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, world\n\nI love you, wemark!'; Page({
data: { // 确定一个数据名称 wemark:{}
}, onReady: function(){ wemark.parse(md, this, { // 新版小程序可自适应宽高 // imageWidth: wx.getSystemInfoSync().windowWidth - 40, name: 'wemark' })
}
});
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, world\n\nI love you, wemark!'; Page({
data: { // 确定一个数据名称 wemark:{}
}, onReady: function(){ wemark.parse(md, this, { // 新版小程序可自适应宽高 // imageWidth: wx.getSystemInfoSync().windowWidth - 40, name: 'wemark' })
}
});
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn