five-server
Version:
Development Server with Live Reload Capability. (Maintained Fork of Live Server)
66 lines (56 loc) • 1.74 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" />
</head>
<body>
<div id="wrapper">
<div class="directory">
<h1>
<a href="/">~</a>{linked-path}<small style="margin-left: 12px">
<a href="{fileName}{ext}.fullscreen">[fullscreen]</a>
</small>
</h1>
{phpMsg}
<div class="preview">{preview}</div>
</div>
<div class="footer">
<p>Preview Developed by <a href="https://github.com/yandeu">@yandeu</a></p>
</div>
</div>
<script>
let fileName = "{fileName}";
let ext = "{ext}";
let lang = hljs.getLanguage(ext);
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>