JS版如何在前端网页中使用Markdown,解析markdown代码,ChatGpt返回数据解析
侧边栏壁纸
  • 累计撰写 635 篇文章
  • 累计收到 0 条评论

JS版如何在前端网页中使用Markdown,解析markdown代码,ChatGpt返回数据解析

加速器之家
2024-09-12 / 0 评论 / 1 阅读 / 正在检测是否收录...

ChatGPT返回数据在前端一直不展示,显示是乱的,我们可以把markdown语法文本转换为html代码,输出到浏览器

前端可以使用HyperDown.js

1、HyperDown.js码云下载地址:https://gitee.com/YuJian11/HyperDown

2、使用方法:

2.1、nodejs 中使用

安装

npm install hyperdown

使用

HyperDown = require('hyperdown');
var parser = new HyperDown,
  html = parser.makeHtml(markdownText);

2.2、浏览器中使用:直接引用Parser.js即可

<script src="https://www.tpxhm.com/fdetail/yourpath/hyperdown/Parser.js"></script>
<script>
var parser = new HyperDown,
  html = parser.makeHtml(markdownText);
</script>

2.3、ChatGPT中使用:

<script>
  var parser = new HyperDown;
  parser.makeHtml(msg.data)
</script>

msg.data为ChatGPT接口返回的数据

PHP版本详见文章:PHP版如何在前端网页中使用Markdown,解析markdown代码,ChatGpt返回数据解析

0

评论

博主关闭了当前页面的评论