Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-30 04:01:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(code): reintroduce placeholder

Browse Source
This commit is contained in:
Elian Doran 2025-05-11 11:27:27 +03:00
parent 7cd4bce5b0
commit d29286f9e3
No known key found for this signature in database
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/widgets/type_widgets/editable_code.ts
View File

@ -44,6 +44,7 @@ export default class EditableCodeTypeWidget extends AbstractCodeTypeWidget {
getExtraOpts(): Partial<EditorConfig> {
return {
placeholder: t("editable_code.placeholder"),
onContentChanged: () => this.spacedUpdate.scheduleUpdate()
}
}
@ -55,7 +56,6 @@ export default class EditableCodeTypeWidget extends AbstractCodeTypeWidget {
// gutters: ["CodeMirror-lint-markers"],
// tabindex: 300,
// dragDrop: false, // with true the editor inlines dropped files which is not what we expect
// placeholder: t("editable_code.placeholder")
// };
// }

7
packages/codemirror/src/index.ts
View File

@ -1,5 +1,5 @@
import { defaultKeymap, indentWithTab } from "@codemirror/commands";
import { EditorView, keymap, lineNumbers, ViewUpdate, type EditorViewConfig, type KeyBinding } from "@codemirror/view";
import { EditorView, keymap, lineNumbers, placeholder, ViewUpdate, type EditorViewConfig, type KeyBinding } from "@codemirror/view";
import { defaultHighlightStyle, StreamLanguage, syntaxHighlighting } from "@codemirror/language";
import { Compartment } from "@codemirror/state";
import byMimeType from "./syntax_highlighting.js";
@ -7,6 +7,7 @@ import byMimeType from "./syntax_highlighting.js";
type ContentChangedListener = () => void;
export interface EditorConfig extends EditorViewConfig {
placeholder?: string;
onContentChanged?: ContentChangedListener;
}
@ -31,6 +32,10 @@ export default class CodeMirror extends EditorView {
extensions = [...extensions, ...config.extensions];
}
if (config.placeholder) {
extensions.push(placeholder(config.placeholder));
}
if (config.onContentChanged) {
extensions.push(EditorView.updateListener.of((v) => this.#onDocumentUpdated(v)));
}