x/pastebin
1
0
Fork 0
mirror of https://github.com/skidoodle/pastebin synced 2026-04-28 11:17:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

overhaul syntax highlighting and line numbering for large pastes

Browse Source
This commit is contained in:
albert
2026-04-27 01:16:42 +02:00
parent 65dd4388b1
commit b516742529
9 changed files with 128 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files
view/templates/base.html
+2
View File
@@ -5,7 +5,9 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/vnd.microsoft.icon" href="/static/favicon.ico" />
<title>{{ .Title }}</title>
<link rel="preload" href="/static/highlight.min.js" as="script">
<link rel="stylesheet" href="/static/github-dark.min.css">
<link rel="stylesheet" href="/static/style.css">
<script src="/static/highlight.min.js"></script>
view/templates/bin.html
+2 -46
View File
@@ -24,46 +24,9 @@
<main>
{{ if .IsPreview }}
<div id="paste-content" class="content-wrapper" style="--digits: {{ .GutterSize }};">
<div id="line-numbers" class="line-numbers" aria-hidden="true"></div>
<pre><code id="code-block" data-line-count="{{ .LineCount }}">{{ .Content }}</code></pre>
</div>
<script>
(function () {
const code = document.getElementById('code-block');
const lineCount = parseInt(code.getAttribute('data-line-count'));
hljs.highlightElement(code);
const lines = code.innerHTML.split(/\r?\n/);
const fragment = [];
for (let i = 0; i < lines.length; i++) {
const num = i + 1;
fragment.push('<div class="line" id="L' + num + '"><a href="#L' + num + '" class="line-number">' + num + '</a><div class="line-code">' + (lines[i] || ' ') + '</div></div>');
}
requestAnimationFrame(() => {
code.innerHTML = fragment.join('');
code.classList.add('with-line-numbers');
if (window.location.hash) {
const target = document.querySelector(window.location.hash);
if (target) target.scrollIntoView();
}
});
document.addEventListener('keydown', (e) => {
if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
if (e.target.tagName !== 'TEXTAREA' && e.target.tagName !== 'INPUT') {
e.preventDefault();
const range = document.createRange();
range.selectNodeContents(code);
const selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
}
}
});
})();
</script>
{{ else }}
<div class="content-wrapper">
{{ if .Error }}
@@ -77,14 +40,7 @@
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">{{ .Content }}</textarea>
</form>
</div>
<script>
document.addEventListener('keydown', (e) => {
if ((e.ctrlKey || e.metaKey) && e.key === 's') {
e.preventDefault();
document.getElementById('paste-form').submit();
}
});
</script>
{{ end }}
<script src="/static/script.js"></script>
</main>
{{ end }}