Taro集成towxml渲染markdown文档

亲测可用!!!

一、克隆towxml项目

git clone https://github.com/sbfkcel/towxml.git

二、安装项目依赖并打包

打包的时候可以在config.js中注释掉不需要的功能,我这里注释掉了echarts因为单一个echarts就占了200多kb,这导致我推送代码的时候因为包体积太大推不上去。

npm i
npm run build

三、将打包好的文件集成到Taro项目

因为打包好的dist目录中是微信小程序原生代码所以集成到Taro项目后,该项目将不再具备多端转换的能力。

        1.可以将打包好的dist改名为towxml直接拷贝到项目的components底下

        2.这里注意把decode.json底下的路径改一下改成./

        3.在app.config.ts中加上路径

  usingComponents: {
    // 定义需要引入的第三方组件
    // 1. key 值指定第三方组件名字,以小写开头
    // 2. value 值指定第三方组件 js 文件的相对路径
    towxml: './components/towxml/towxml',
  }

四、使用

import towxml from '@/components/towxml'
//在使用的时候记得给返回的字符串套上towxml
towxml('你好', 'markdown')
//在html中使用
<towxml nodes={item.answerText}></towxml>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值