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="eW91cnBhdGgvaHlwZXJkb3duL1BhcnNlci5qcw=="></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返回数据解析
猜你喜欢
- javascript 判断当前浏览器版本并判断ie版本 2023-08-08
- 关于 html:如何从 css 表中删除边距和填充 2022-09-21
- JS实现左侧菜单工具栏 2022-08-31
- vue keep-alive 2023-10-08
- jsPlumb+vue创建字段映射关系 2023-10-08
- layui数据表格以及传数据方式 2022-12-13
- 1 Vue - 简介 2023-10-08
- 深入浅析AjaxFileUpload实现单个文件的 Ajax 文件上传库 2022-12-15
- 基于CORS实现WebApi Ajax 跨域请求解决方法 2023-02-14
- ajax实现输入提示效果 2023-02-14