mirrors/DiscordChatExporter
1
0
Fork 0
mirror of https://github.com/Tyrrrz/DiscordChatExporter.git synced 2025-05-24 03:36:52 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

[HTML] Add syntax highlighting via Highlight.js

Browse source 
Closes #138
This commit is contained in:
Oleksii Holub 2019-03-14 16:02:39 +02:00
parent 6fa61bf75a
commit 4046fd0ad9
5 changed files with 22 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
DiscordChatExporter.Core/Resources/ExportTemplates/HtmlDark/Template.html
View file

@ -1,2 +1,3 @@
{{~ ThemeStyleSheet = include "HtmlDark.Theme.css" ~}}
{{~ HighlightJsStyleName = "solarized-dark" ~}}
{{~ include "HtmlShared.Main.html" ~}}

6
DiscordChatExporter.Core/Resources/ExportTemplates/HtmlDark/Theme.css
View file

@ -14,12 +14,12 @@ a {
}
.pre {
background-color: #2f3136;
background-color: #2f3136 !important;
}
.pre--multiline {
border-color: #282b30;
color: #839496;
border-color: #282b30 !important;
color: #839496 !important;
}
.mention {

1
DiscordChatExporter.Core/Resources/ExportTemplates/HtmlLight/Template.html
View file

@ -1,2 +1,3 @@
{{~ ThemeStyleSheet = include "HtmlLight.Theme.css" ~}}
{{~ HighlightJsStyleName = "solarized-light" ~}}
{{~ include "HtmlShared.Main.html" ~}}

6
DiscordChatExporter.Core/Resources/ExportTemplates/HtmlLight/Theme.css
View file

@ -14,12 +14,12 @@ a {
}
.pre {
background-color: #f9f9f9;
background-color: #f9f9f9 !important;
}
.pre--multiline {
border-color: #f3f3f3;
color: #657b83;
border-color: #f3f3f3 !important;
color: #657b83 !important;
}
.mention {

14
DiscordChatExporter.Core/Resources/ExportTemplates/HtmlShared/Main.html
View file

@ -2,15 +2,29 @@
<html lang="en">
<head>
{{~ # Metadata ~}}
<title>{{ Model.Guild.Name | html.escape }} - {{ Model.Channel.Name | html.escape }}</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
{{~ # Styles ~}}
<style>
{{ include "HtmlShared.Main.css" }}
</style>
<style>
{{ ThemeStyleSheet }}
</style>
{{~ # Syntax highlighting ~}}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/{{HighlightJsStyleName}}.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('.pre--multiline').forEach((block) => {
hljs.highlightBlock(block);
});
});
</script>
</head>
<body>