小程序中如何显示 Markdown 文本

关注

发布于: 刚刚

1.概述

Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（英语：John Gruber）。它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的 XHTML（或者 HTML）文档。由于 Markdown 的轻量化、易读易写特性，并且对于图片，图表、数学式都有支持。

2.Towxml 的介绍

Towxml 是一个可将 HTML、Markdown 转为微信小程序 WXML(WeiXin Markup Language)的渲染库。

用于解决在微信小程序中 Markdown、HTML 不能直接渲染的问题。

3.使用方法：

<template>	<view class="container">		<towxml class="towxml" :nodes="productInfoItemContent"/>	</view></template>
<script>	import towxml from '@/static/towxml/towxml'	const value = "## Hi man,you are smart\n"				+"- Hi boy,you are so luckey\n"					export default {		data() {			return {				towxmlFunc: require('@/static/towxml/index.js'),				productInfoItemContent: value			}		},		components: {			towxml		},		onLoad(options) {			this.productInfoItemContent = this.towxmlFunc(this.productInfoItemContent, 'markdown')		},		methods: {					}	}</script>
<style>	.container{		overflow-y: scroll;	}		.towxml{		width: 100%;	}</style>

复制代码

发布于: 刚刚阅读数: 2

原文链接:【http://xie.infoq.cn/article/1980b195647cfd4973d72dfa2】。文章转载请联系作者。

Changing Lin

关注

获得机遇的手段远超于固有常规之上~ 2020.04.29 加入

我能做的，就是调整好自己的精神状态，以最佳的面貌去面对那些未曾经历过得事情，对生活充满热情和希望。

发布

暂无评论

创作场景

小程序中如何显示 Markdown 文本

1.概述

2.Towxml 的介绍

3.使用方法：

Changing Lin

评论