微信小程序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。

1 2 3 4 5 6 7 8 9 10 11

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

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

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

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

Answer 2

Brian 2023-09-23 11:38:45

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

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

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