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返回数据解析
基础教程推荐
- Ajax实现关键字联想和自动补全功能及遇到坑 2023-02-23
- 使用HTML5中postMessage知识点解决Ajax中POST跨域问题 2022-10-17
- AJAX实现数据的增删改查操作详解【java后台】 2023-02-23
- html网页中使用希腊字母的方法 2022-09-21
- JavaScript开发简单易懂的Svelte实现原理详解 2023-08-12
- JavaScript函数this指向问题详解 2023-08-12
- vue在install时node-sass@4.14.1 postinstall:node scripts/build.js错误解决 2023-07-09
- ajax异步加载图片实例分析 2022-12-18
- 【vue】三种获取input值的写法 2023-10-08
- Ajax实现简单下拉选项效果【推荐】 2022-12-28
