Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 18:36:30 +01:00
Code Issues Packages Projects Releases Activity

client: Enable syntax highlight for read-only notes

Browse Source
This commit is contained in:
Elian Doran
2024-10-27 08:52:34 +02:00
parent c7e1362105
commit 6c4513fb2e
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/public/app/widgets/type_widgets/read_only_text.js
View File

@@ -90,6 +90,7 @@ export default class ReadOnlyTextTypeWidget extends AbstractTextTypeWidget {
// we could load just ckeditor-content.css but that causes CSS conflicts when both build CSS and this content CSS is loaded at the same time // we could load just ckeditor-content.css but that causes CSS conflicts when both build CSS and this content CSS is loaded at the same time
// (see https://github.com/zadam/trilium/issues/1590 for example of such conflict) // (see https://github.com/zadam/trilium/issues/1590 for example of such conflict)
await libraryLoader.requireLibrary(libraryLoader.CKEDITOR); await libraryLoader.requireLibrary(libraryLoader.CKEDITOR);
await libraryLoader.requireLibrary(libraryLoader.HIGHLIGHT_JS);
const blob = await note.getBlob(); const blob = await note.getBlob();
@@ -110,6 +111,14 @@ export default class ReadOnlyTextTypeWidget extends AbstractTextTypeWidget {
renderMathInElement(this.$content[0], {trust: true}); renderMathInElement(this.$content[0], {trust: true});
} }
// Enable syntax highlight
const codeBlocks = this.$content.find("pre code");
for (const codeBlock of codeBlocks) {
const text = codeBlock.innerText;
const highlightedText = hljs.highlightAuto(text).value;
codeBlock.innerHTML = highlightedText;
}
} }
async refreshIncludedNoteEvent({noteId}) { async refreshIncludedNoteEvent({noteId}) {