小程序markdown

最新推荐文章于 2024-09-14 11:16:55 发布

hongkid

最新推荐文章于 2024-09-14 11:16:55 发布

阅读量236

点赞数

文章标签：小程序微信小程序

本文链接：https://blog.csdn.net/hongkid/article/details/129884393

版权

项目地址

GitHub - sbfkcel/towxml: 微信小程序HTML、Markdown渲染库

1.下载下来，yarn build

2.将build的结果dist修改个名字towxml，拷贝到小程序根目录下面

3.小程序app.js,引入

//app.js
App({
	onLaunch: function () {
	},
	
	// 引入`towxml3.0`解析方法
	towxml:require('/towxml/index')
})

4.page界面的index.json，配置

"usingComponents": {
    "towxml":"/towxml/towxml"
  }

5.界面的wss，引入

@import '/towxml/style/main.wxss';

6.界面的wml，使用

<!--使用towxml-->
<towxml nodes="{{article}}"/>

7.界面的js,配置

Page({
	data: {
		isLoading: true,
		article: {}
	},
	onLoad: function () {
		const _ts = this;

		app.getText('https://www.vvadd.com/wxml_demo/demo.txt?v=2',res => {
			let obj = app.towxml(res.data,'markdown',{
				theme:'dark',
				events:{
					tap:(e)=>{
						console.log('tap',e);
					}
				}
			});

			_ts.setData({
				article:obj,
				isLoading: false
			});
		});
		
	}
})

这里面关键就是let obj = app.towxml(text,'markdown'); 把text字符串转成nodes的obj