uniapp markdown最佳渲染方案
使用r进行解析时,发现很多格式都不能展示
r
带有表格的页面展示如图
带有表格的页面展示如图
带有表格的页面展示如图
towxml
带有表格的页面展示如图
Towxml
uniapp 使用流程
- 新建个空目录,git clone https://github.com/sbfkcel/towxml.git
- 在下载的文件目录下安装所需依赖 npm install
- 构建项目 npm run build
- 将修改过的dist文件夹复制到uniapp工程的static目录下,并修改名字为towxml,图二
图一
图二
该文件有300多KB,可以根据自己的需求删留来腾空间。 接下来就可以在组件中引入使用
<template>
<view>
<towxml :nodes="productInfoItemContent"/>
</view>
</template>
<script>
import towxml from @/static/towxml/towxml
export default {
components: {
towxml
},
data() {
return {
towxmlFunc:require(@/static/towxml/index.js),
productInfoItemContent:,
};
},
onLoad(options) {
let str = uni.getStorageSync(itemDetail )
this.itemDetail = JSON.parse(str)
this.productInfoItemContent = this.towxmlFunc(this.productInfoItemContent,markdown)
},
}
...
下一篇:
Gin 配置到Nacos注册中心
