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> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Cloudflare Error Page Editor</title> <title>Cloudflare Error Page Editor</title>
<meta name="description" content="Online editor to create customized Cloudflare-styled error pages."> <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:type" content="website" />
<meta property="og:site_name" content="moe::virt" /> <meta property="og:site_name" content="moe::virt" />
@@ -25,6 +26,8 @@
<meta property="twitter:title" content="Cloudflare error page editor" /> <meta property="twitter:title" content="Cloudflare error page editor" />
<meta property="twitter:description" content="Online editor to create customized Cloudflare-styled error pages" /> <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> <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"> <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 blob = new Blob([lastRenderedHtml], { type: 'text/html' });
const url = URL.createObjectURL(blob); const url = URL.createObjectURL(blob);
window.open(url, '_blank', 'noopener'); window.open(url, '_blank', 'noopener');
// revoke after some time to avoid memory leak // note that this url won't be revoked
setTimeout(() => URL.revokeObjectURL(url), 15_000);
} }
function createShareableLink() { function createShareableLink() {
@@ -335,9 +337,9 @@
const file = new File([content], 'cloudflare-error-page-params.json', { const file = new File([content], 'cloudflare-error-page-params.json', {
type: 'text/plain', type: 'text/plain',
}) })
const link = document.createElement('a')
const url = URL.createObjectURL(file) const url = URL.createObjectURL(file)
const link = document.createElement('a')
link.href = url link.href = url
link.download = file.name link.download = file.name
document.body.appendChild(link) document.body.appendChild(link)
@@ -416,10 +418,6 @@
})() })()
</script> </script>
<style> <style>
body {
zoom: 90%;
}
/* Layout: editor + preview */ /* Layout: editor + preview */
.app { .app {
display: flex; display: flex;
@@ -782,7 +780,7 @@
</div> </div>
</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> ⭐ <a href="https://github.com/donlon/cloudflare-error-page" target="_blank">Github</a> ⭐
</div> </div>