fix(colors): improve headings

added(colors): caret lists
This commit is contained in:
quenousimporte 2023-09-25 09:32:37 +02:00
parent 763de412a5
commit 34a7ccfbbd
1 changed files with 26 additions and 3 deletions

29
main.js
View File

@ -2095,16 +2095,26 @@ function applycolors()
lines.every( (line, i) => lines.every( (line, i) =>
{ {
line = escapeHtml(line); line = escapeHtml(line);
// headings
if (line.startsWith("#")) if (line.startsWith("#"))
{ {
line = line.replace(/(#*)/g, "<span style='color:" + settings.accentcolor + "'>$1</span>"); line = line.replace(/(#* )/, "<span style='color:" + settings.accentcolor + "'>$1</span>"); // to check!
line = "<b><span style='color:black'>" + line + "</span></b>"; line = "<b>" + line + "</b>";
} }
// lists
if (line.startsWith("* ")) if (line.startsWith("* "))
{ {
line = line.replace(/(\* )/g, "<span style='color:" + settings.accentcolor + "'>$1</span>"); line = line.replace(/(\* )/g, "<span style='color:" + settings.accentcolor + "'>$1</span>");
} }
else if (line.startsWith("- "))
{
line = line.replace(/(\- )/g, "<span style='color:" + settings.accentcolor + "'>$1</span>");
}
// todo: use markerslist
// md header
if (i == 0 && line == "---") if (i == 0 && line == "---")
{ {
header = true; header = true;
@ -2118,9 +2128,11 @@ function applycolors()
line = "<em><span style='color:lightgrey'>" + line + "</span></em>"; line = "<em><span style='color:lightgrey'>" + line + "</span></em>";
} }
if (line == "```" && !code) // code blocks
if (line.startsWith("```") && !code)
{ {
code = true; code = true;
//lg = line.substring(3);
line = "<div style='background:lightgrey'>" + line; line = "<div style='background:lightgrey'>" + line;
} }
if (line == "```" && code) if (line == "```" && code)
@ -2128,11 +2140,22 @@ function applycolors()
code = false; code = false;
line = line + "</div>"; line = line + "</div>";
} }
/*else if (code)
{
line = line.replace(/(select)/ig, "<b style='color:" + settings.accentcolor + "'>$1</b>");
line = line.replace(/(from)/ig, "<b style='color:" + settings.accentcolor + "'>$1</b>");
line = line.replace(/(where)/ig, "<b style='color:" + settings.accentcolor + "'>$1</b>");
/// todo: keywords by language. whole word only. use a loop. etc.
}*/
// internal links
line = line.replace(/(\[\[.*\]\])/g, "<u><span style='cursor:pointer'>$1</span></u>"); line = line.replace(/(\[\[.*\]\])/g, "<u><span style='cursor:pointer'>$1</span></u>");
// bold and italics
line = line.replace(/(\*\*.*\*\*)/g, "<b>$1</b>"); line = line.replace(/(\*\*.*\*\*)/g, "<b>$1</b>");
line = line.replace(/(\*.*\*)/g, "<em>$1</em>"); line = line.replace(/(\*.*\*)/g, "<em>$1</em>");
// comments
line = line.replace(/&lt;\!/g, "<span style='color:lightgrey'>&lt;!"); line = line.replace(/&lt;\!/g, "<span style='color:lightgrey'>&lt;!");
line = line.replace(/\-\-&gt;/g, "--></span>"); line = line.replace(/\-\-&gt;/g, "--></span>");