uni-app-微信小程序实现markdown文本解析、数学公式解析超详细教程_uniapp解析makdown字符串

前言

在做AI问答功能，文本返回的是markdown形式，如果没有对Markdown文本进行转换很难看，如下图，转换后是不是很好了很多，特别是代码内容阅读起来舒服多了。

下面来介绍下，我在开发小程序软件聚导航AI助手对实现Markdown文本解析，看到两款较好的组件，其中第二款towxml组件已应用到项目中。

遇到的坑

mp-html + Markdown 组合方式，理论支持多端，包括h5、小程序、App，但并没有使用这个，而是使用了towxml组件，因为，在使用mp-html + Markdown时，小程序调试时很正常，但发送到真机调试却爆出了一些莫名其妙的错误，尝试了一番，也无法解决，最后使用towxml。

教程开始

1. 使用 npm 下载 mp-html 插件

官方文档： https://jin-yufeng.gitee.io/mp-html/#/overview/quickstart

npm install mp-html

使用方式

<template><view><mp-html :content="html" /></view>
</template>
<script>
import mpHtml from "mp-html/dist/uni-app/components/mp-html/mp-html";
export default {
  // 不可省略components: {
    mpHtml,
  },
  data() {
    return {
      html: "<div>Hello World!</div>",
    };
  },
};
</script>