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

client: Enable preview for word wrap

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

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

@ -8,6 +8,11 @@ const SAMPLE_CODE = `\
const n = 10; const n = 10;
greet(n); // Print "Hello World" for n times greet(n); // Print "Hello World" for n times
/**
* Displays a "Hello World!" message for a given amount of times, on the standard console. The "Hello World!" text will be displayed once per line.
*
* @param {number} times The number of times to print the \`Hello World!\` message.
*/
function greet(times) { function greet(times) {
for (let i = 0; i++; i < times) { for (let i = 0; i++; i < times) {
console.log("Hello World!"); console.log("Hello World!");
@ -62,7 +67,7 @@ export default class CodeBlockOptions extends OptionsWidget {
await server.put(`options/codeBlockTheme/${newTheme}`); await server.put(`options/codeBlockTheme/${newTheme}`);
}); });
this.$wordWrap = this.$widget.find(".word-wrap"); this.$wordWrap = this.$widget.find("input.word-wrap");
this.$wordWrap.on("change", () => this.updateCheckboxOption("codeBlockWordWrap", this.$wordWrap)); this.$wordWrap.on("change", () => this.updateCheckboxOption("codeBlockWordWrap", this.$wordWrap));
// Set up preview // Set up preview
@ -75,6 +80,7 @@ export default class CodeBlockOptions extends OptionsWidget {
}); });
sampleEl.html(highlightedText.value); sampleEl.html(highlightedText.value);
}); });
this.$sampleWrapper = this.$widget.find(".note-detail-readonly-text");
} }
async optionsLoaded(options) { async optionsLoaded(options) {
@ -88,5 +94,6 @@ export default class CodeBlockOptions extends OptionsWidget {
} }
this.$themeSelect.val(options.codeBlockTheme); this.$themeSelect.val(options.codeBlockTheme);
this.setCheckboxState(this.$wordWrap, options.codeBlockWordWrap); this.setCheckboxState(this.$wordWrap, options.codeBlockWordWrap);
this.$widget.closest(".note-detail-printable").toggleClass("word-wrap", options.codeBlockWordWrap);
} }
} }