沃梦达 / IT编程 / 前端开发 / 正文

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

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返回数据解析