Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-12 20:02:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

client: Apply syntax highlight to note preview

Browse Source
This commit is contained in:
Elian Doran 2024-10-31 22:14:54 +02:00
parent 3af29a78dc
commit dfa4f3cd84
No known key found for this signature in database
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/public/app/services/note_list_renderer.js
View File

@ -5,6 +5,7 @@ import attributeRenderer from "./attribute_renderer.js";
import libraryLoader from "./library_loader.js"; import libraryLoader from "./library_loader.js";
import treeService from "./tree.js"; import treeService from "./tree.js";
import utils from "./utils.js"; import utils from "./utils.js";
import { applySyntaxHighlight } from "./syntax_highlight.js";
const TPL = ` const TPL = `
<div class="note-list"> <div class="note-list">
@ -368,6 +369,8 @@ class NoteListRenderer {
}); });
} }
applySyntaxHighlight($renderedContent);
$content.append($renderedContent); $content.append($renderedContent);
$content.addClass(`type-${type}`); $content.addClass(`type-${type}`);
} catch (e) { } catch (e) {

5
src/public/app/services/syntax_highlight.js
View File

@ -1,5 +1,10 @@
import mime_types from "./mime_types.js"; import mime_types from "./mime_types.js";
/**
* Identifies all the code blocks under the specified hierarchy and uses the highlight.js library to obtain the highlighted text which is then applied on to the code blocks.
*
* @param $container the container under which to look for code blocks and to apply syntax highlighting to them.
*/
export function applySyntaxHighlight($container) { export function applySyntaxHighlight($container) {
const codeBlocks = $container.find("pre code"); const codeBlocks = $container.find("pre code");
for (const codeBlock of codeBlocks) { for (const codeBlock of codeBlocks) {