Repo-Mirror/cloudflare-error-page
9
0
Fork 0
mirror of https://github.com/donlon/cloudflare-error-page.git synced 2025-12-19 14:59:28 +00:00
Code Issues Releases Activity

editor/ui: misc updates

Browse Source
This commit is contained in:
Anthony Donlon
2025-11-21 23:54:38 +08:00
parent a72525b36e
commit 22677adda2
1 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
editor/resources/index.html
View File

@@ -9,10 +9,11 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Cloudflare Error Page Editor</title>
<meta name="description" content="Online editor to create customized Cloudflare-styled error pages.">
<meta name="keywords" content="cloudflare,error,page,editor">
<link rel="canonical" href="https://virt.moe/cloudflare-error-page/editor/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="moe::virt" />
@@ -25,6 +26,8 @@
<meta property="twitter:title" content="Cloudflare error page editor" />
<meta property="twitter:description" content="Online editor to create customized Cloudflare-styled error pages" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<script src="https://cdn.jsdelivr.net/npm/ejs@3.1.10/ejs.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
@@ -301,8 +304,7 @@
const blob = new Blob([lastRenderedHtml], { type: 'text/html' });
const url = URL.createObjectURL(blob);
window.open(url, '_blank', 'noopener');
// revoke after some time to avoid memory leak
setTimeout(() => URL.revokeObjectURL(url), 15_000);
// note that this url won't be revoked
}
function createShareableLink() {
@@ -335,9 +337,9 @@
const file = new File([content], 'cloudflare-error-page-params.json', {
type: 'text/plain',
})
const link = document.createElement('a')
const url = URL.createObjectURL(file)
const link = document.createElement('a')
link.href = url
link.download = file.name
document.body.appendChild(link)
@@ -416,10 +418,6 @@
})()
</script>
<style>
body {
zoom: 90%;
}
/* Layout: editor + preview */
.app {
display: flex;
@@ -782,7 +780,7 @@
</div>
</div>
<div class="fw-semibold mt-2 text-center">&gt;&gt; Star this project on
<div class="mt-2 text-center">&gt;&gt; Star this project on
<a href="https://github.com/donlon/cloudflare-error-page" target="_blank">Github</a> ⭐
</div>