builderadmin
/
NoteDiscovery
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fixed misalignment of list items when using syntax highlight

This commit is contained in:
Gamosoft 2026-01-09 10:57:34 +01:00
parent 45963978be
commit bfc636f636
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/app.js
View File

@ -800,9 +800,17 @@ function noteApp() {
// Links [text](url) // Links [text](url)
html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<span class="md-link">[$1]</span><span class="md-link-url">($2)</span>'); html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<span class="md-link">[$1]</span><span class="md-link-url">($2)</span>');
// Lists // Lists - use [ \t] instead of \s to avoid matching newlines
html = html.replace(/^(\s*)([-*+])\s/gm, '$1<span class="md-list">$2</span> '); // Capture rest of line to handle empty bullets properly (issue #142)
html = html.replace(/^(\s*)(\d+\.)\s/gm, '$1<span class="md-list">$2</span> '); html = html.replace(/^(\s*)([-*+])[ \t](.*)$/gm, (match, indent, bullet, rest) => {
// If rest is empty/whitespace-only, add zero-width space to prevent line collapse
const content = rest.trim() === '' ? '\u200B' : rest;
return `${indent}<span class="md-list">${bullet}</span> ${content}`;
});
html = html.replace(/^(\s*)(\d+\.)[ \t](.*)$/gm, (match, indent, bullet, rest) => {
const content = rest.trim() === '' ? '\u200B' : rest;
return `${indent}<span class="md-list">${bullet}</span> ${content}`;
});
// Blockquotes // Blockquotes
html = html.replace(/^(&gt;.*)$/gm, '<span class="md-blockquote">$1</span>'); html = html.replace(/^(&gt;.*)$/gm, '<span class="md-blockquote">$1</span>');