chatgpt-plugin/resources/content/ChatGPT/index.html
HalcyonAlcedo ba027dc760
修复一些bug,图片识别支持多个图片 (#194)
* 修复引用转发,默认bing模式并发

* 开启stream增加稳定性

* fix: remove queue element only in non-bing mode

* 使用chatgpt-api自带的超时逻辑,文字过多时启动切换到图片输出防止被吞

* Update chat.js

* 添加Bing专用的图片输出样式

* 添加chatgpt的新图片模式,临时处理切换api导致的对话异常

* 修改bing样式表

* 为图片添加外部页面缓存

* 为图片模式添加MathJax

* feat: add switch for qrcode

* 防止script攻击

* 修复网页模板错误

* 修复bing页面引用错误

* 缓存服务器异常时处理

* 添加默认配置加载

* 修复配置文件路径错误

* 删除重复的模板文件,修复二维码地址错误

* 修正图片渲染错误

* 修复引用渲染错误

* 二维码网址统一改为使用本地配置

* 添加关闭思考提示的配置项

* 修复在Windows上无法载入配置文件的问题

* 修复关闭qr的情况下渲染错误

* 改为使用base64传递返回数据

* 当异常过多时使用图片输出

* 添加锅巴面板配置支持

* 补充遗漏的默认配置

* 修复qr模式下引用未被传递的问题

* 修复未将引用数据传输给缓存服务器的问题

* 删除无用的bingTimeoutMs配置项

* 添加消息队列超时弹出

* 优化图片模式处理,解决对话队列卡住的问题

* 添加对图片ocr的支持

* 添加图片识别配置项

* 添加黑名单配置项

* 修复一些bug

* 修改锅巴配置格式和描述

* 传入数据也使用markdown

* 图片识别换行改为marked兼容

---------

Co-authored-by: ikechan8370 <geyinchibuaa@gmail.com>
2023-02-25 19:34:08 +08:00

126 lines
No EOL
4.5 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="zxx">
<head>
<!--========= Required meta tags =========-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!--====== CSS Here ======-->
<link rel="stylesheet" href="{{pluResPath}}content/static/css/bootstrap.min.css">
<link rel="stylesheet" href="{{pluResPath}}content/static/css/font-awesome.min.css">
<link rel="stylesheet" href="{{pluResPath}}content/static/css/hljs.css">
<link rel="stylesheet" href="{{pluResPath}}content/ChatGPT/style.css">
</head>
<body>
<header class="site-header">
<div class="container">
<div class="row">
<div class="col-lg-3 col-4 my-auto">
<a href="#" class="site-logo">
<img src="{{pluResPath}}content/static/picture/openai.png" alt="LOGO">
</a>
</div>
</div>
</div>
</header>
<section class="about-area pt-232">
<div class="container">
<div class="row justify-content-end">
<div class="col-xl-5 col-lg-5 text-right">
<div class="section-heading">
<h2>Open AI</h2>
{{if cache.file != ''}}
<p> {{cache.file}} </p>
{{/if}}
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="hero-content">
<h4>{{senderName}}</h4>
</div>
<div class="about-content">
<p class="markdown_prompt"></p>
<span class="height-50"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="hero-content">
<h4>ChatGPT</h4>
</div>
<div class="about-content">
<p class="markdown_content"></p>
<span class="height-50"></span>
</div>
</div>
</div>
{{if cache.file != ''}}
<div id="qrcode" class="row justify-content-end"></div>
{{/if}}
</div>
</section>
<!-- footer start -->
<footer class="site-footer mt-175">
<div class="container">
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-10 my-auto text-right">
<div class="copyright-text">
<p>Response to {{senderName}} Created By Yunzai-Bot and ChatGPT-Plugin</a></p>
</div>
</div>
</div>
</div>
</footer>
<!-- footer end -->
<!--========= JS Here =========-->
<script>
MathJax = {
tex: {
inlineMath: [['$', '$'], ['\\(', '\\)']]
}
};
</script>
<script src="{{pluResPath}}content/static/js/jquery-2.2.4.min.js"></script>
<script src="{{pluResPath}}content/static/js/jquery.qrcode.min.js"></script>
<script src="{{pluResPath}}content/static/js/highlight.min.js"></script>
<script src="{{pluResPath}}content/static/js/marked.min.js"></script>
<script src="{{pluResPath}}content/static/js/tex-mml-chtml.js"></script>
<script src="{{pluResPath}}content/static/js/base64.min.js"></script>
<script src="{{pluResPath}}content/static/js/main.js"></script>
<script src="{{pluResPath}}content/static/js/purify.min.js"></script>
<script>
marked.setOptions({
renderer: new marked.Renderer(),
gfm: true,
tables: true,
breaks: false,
pedantic: false,
sanitize: false,
smartLists: true,
smartypants: false,
highlight: function (code,lang) {
return hljs.highlightAuto(code,[lang]).value;
}
});
const markdown_content = '{{@ content}}';
const html_content = marked.parse(Base64.decode(markdown_content));
const markdown_prompt = '{{@ prompt}}';
const html_prompt = marked.parse(Base64.decode(markdown_prompt));
$(".markdown_content").html(DOMPurify.sanitize(html_content));
$(".markdown_prompt").html(DOMPurify.sanitize(html_prompt));
jQuery('#qrcode').qrcode({width: 128,height: 128,text: "{{cache.cacheUrl}}/{{cache.file}}"});
</script>
</body>
</html>