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

client: Remove syntax highlight in preview when disabled

Browse Source
This commit is contained in:
Elian Doran 2024-10-31 21:33:00 +02:00
parent f57ab4b9f0
commit c3e10b2b76
No known key found for this signature in database
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/public/app/widgets/type_widgets/options/appearance/code_block.js
View File

@ -71,16 +71,23 @@ export default class CodeBlockOptions extends OptionsWidget {
this.$wordWrap.on("change", () => this.updateCheckboxOption("codeBlockWordWrap", this.$wordWrap));
// Set up preview
const sampleEl = this.$widget.find(".code-sample");
library_loader
.requireLibrary(library_loader.HIGHLIGHT_JS)
.then(() => {
const highlightedText = hljs.highlight(SAMPLE_CODE, {
language: SAMPLE_LANGUAGE
this.$sampleEl = this.$widget.find(".code-sample");
}
#setupPreview(shouldEnableSyntaxHighlight) {
const text = SAMPLE_CODE;
if (shouldEnableSyntaxHighlight) {
library_loader
.requireLibrary(library_loader.HIGHLIGHT_JS)
.then(() => {
const highlightedText = hljs.highlight(text, {
language: SAMPLE_LANGUAGE
});
this.$sampleEl.html(highlightedText.value);
});
sampleEl.html(highlightedText.value);
});
this.$sampleWrapper = this.$widget.find(".note-detail-readonly-text");
} else {
this.$sampleEl.text(text);
}
}
async optionsLoaded(options) {
@ -106,5 +113,7 @@ export default class CodeBlockOptions extends OptionsWidget {
this.$themeSelect.val(options.codeBlockTheme);
this.setCheckboxState(this.$wordWrap, options.codeBlockWordWrap);
this.$widget.closest(".note-detail-printable").toggleClass("word-wrap", options.codeBlockWordWrap === "true");
this.#setupPreview(options.codeBlockTheme !== "none");
}
}