微信小程序AI聊天机器人与AI的聊天记录的渲染问题

Question

老师您好，我最近开发微信小程序AI聊天机器人遇到一个问题，就是聊天记录是多条的时候，我不懂渲染AI回答中的代码部分如下图：

做成类似下图的效果，

文本解析插件我用的是GitHub上面的Towxml插件，请教老师指点一下如何解决，谢谢老师

Answer 1

Brian 2023-09-20 00:35:07

虽然有点超纲，但是下面是思路：

1. 引入第三方库: 典型的库包括 markdown-it，marked 等。

2. 解析 Markdown 文本: 使用库的 API 来将 Markdown 文本解析为 HTML。

3. 渲染到小程序: 小程序里通常使用 rich-text 组件来展示 HTML。

const md = require('markdown-it')();
Page({
  data: {
    markdownHTML: ''
  },
  onLoad: function() {
    const markdownText = "## Hello World\nThis is **Markdown**";
    const htmlText = md.render(markdownText);
    this.setData({ markdownHTML: htmlText });
  }
});

wxml

<rich-text nodes="{{markdownHTML}}"></rich-text>

• 提问者 PHP微信小程序开发 #1

  我已经用towxml这个库解决了这个问题，非常感谢老师的耐心解答

Answer 2

Brian 2023-09-23 11:38:45

这个库还是有很多问题的，需要注意！！

• 提问者 PHP微信小程序开发 #1

  非常感谢老师的特意提醒哈