five-server
Version:
Development Server with Live Reload Capability. (Maintained Fork of Live Server)
78 lines (70 loc) • 2.03 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Preview</title>
<script
async
data-id="five-server"
data-file="${filePath}"
type="application/javascript"
src="/fiveserver.js"
></script>
<link rel="stylesheet" href="/fiveserver/serve-preview/vs.min.css" />
<script src="/fiveserver/serve-preview/highlight.min.js"></script>
<link rel="stylesheet" href="/fiveserver/scripts/directory.css" />
<style>
html {
background: white ;
}
body {
padding: 0;
margin: 0;
min-height: unset;
max-width: unset;
/* overflow: hidden; */
}
.preview-fullscreen iframe {
min-height: 100vh ;
}
.preview-fullscreen img,
.preview-fullscreen video {
width: 100%;
max-height: 100vh;
margin: 0 auto;
}
.preview-fullscreen code {
min-height: calc(100vh - 64px) ;
margin: 16px ;
margin-bottom: 32px ;
}
</style>
</head>
<body>
<div class="preview-fullscreen">{preview}</div>
<script>
let fileName = "{fileName}";
let ext = "{ext}";
let lang = hljs.getLanguage(ext);
if (ext === "pdf") document.body.style.overflow = "hidden";
if (lang && lang.aliases && typeof lang.aliases[0] === "string") {
lang = lang.aliases[0];
} else if (lang && lang.name) {
if (/,/gm.test(lang.name)) {
lang.name = lang.name.split(",")[0];
}
ext = lang.name.toLowerCase();
} else {
ext = "txt";
}
const pre = document.querySelector("pre");
if (pre) {
console.log("language-" + ext);
pre.classList.add("language-" + ext);
hljs.highlightAll();
}
</script>
</body>
</html>