ChatGPT返回数据在前端一直不展示,显示是乱的,我们可以把markdown语法文本转换为html代码,输出到浏览器前端可以使用HyperDown.js1、HyperDown.js码云下载地址:https://gitee.com/YuJian11/HyperDown2、使用方法
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="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返回数据解析
沃梦达教程
本文标题为:JS版如何在前端网页中使用Markdown,解析markdown代码,ChatGpt返回数据解析
基础教程推荐
猜你喜欢
- 关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
- 第7天:CSS入门 2022-11-04
- ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
- vue的 Mixins (混入) 2023-10-08
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01
- ECSHOP中实现ajax弹窗登录功能 2023-01-31
- Vue+WebSocket实现在线聊天 2023-10-08
- 解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28