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

来源：1-1 课程导学

PHP微信小程序开发

2023-09-19

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

图片描述

做成类似下图的效果，
图片描述

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

写回答

2回答

Brian

2023-09-20

已采纳

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

引入第三方库: 典型的库包括 markdown-it，marked 等。
解析 Markdown 文本: 使用库的 API 来将 Markdown 文本解析为 HTML。
渲染到小程序: 小程序里通常使用 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微信小程序开发

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

2023-09-22

共1条回复

Brian

2023-09-23

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

PHP微信小程序开发

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

2023-09-25

共1条回复

互联网人副业指南传授思维与方法启动你的首个项目

专为互联网人打造，超越市面大多副业课，从0到1掌握副业成功密码

357 学习 · 72 问题

查看课程

相似问题

关于全栈工程师的尴尬

回答 2

老师，录视频课课程主题怎么选择好呢？您是怎么选择的？

回答 1

这里有个问题就是固定型的如何到成长型的转换。因为固定型在遇到问题的时候肯定是心情沮丧的。那么这个时候该如何解决转换甚至度过，就至关重要了

回答 1

个人影响力的建立，平台如何选择？

回答 1

大龄程序员的怎么发展好？

回答 1

打开慕课网App查看更多内容