chatgpt-plugin/resources/content/Bing/index.html
HalcyonAlcedo ae161ed4ce
使用base64代替escapeHtml就传入数据 (#178)
* 修复引用转发,默认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传递返回数据

---------

Co-authored-by: ikechan8370 <geyinchibuaa@gmail.com>
2023-02-20 21:01:38 +08:00

131 lines
No EOL
4.7 KiB
HTML

<!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/Bing/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/bing.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>New Bing</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">
<h2>{{@ prompt}}</h2>
<span class="height-50"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="hero-content">
<h4>必应</h4>
</div>
<div class="about-content">
<p class="markdown"></p>
<span class="height-50"></span>
</div>
</div>
</div>
{{if quote}}
<div class="row">
<div class="col-xl-12">
<div class="hero-content">
<h4>引用</h4>
</div>
<div class="about-content">
{{each quotes item}}
<p>{{item}}</p>
{{/each}}
<span class="height-50"></span>
</div>
</div>
</div>
{{/if}}
{{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 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}}';
const html = marked.parse(Base64.decode(markdown));
const sanitizedHtml = DOMPurify.sanitize(html);
$(".markdown").html(sanitizedHtml);
jQuery('#qrcode').qrcode({width: 128,height: 128,text: "{{cache.cacheUrl}}/{{cache.file}}"});
</script>
</body>
</html>