webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-28 17:02:04 +03:00
Code Activity

Lexical: Added new WYSIWYG to chapter/book/shelf descriptions

Browse Source
This commit is contained in:
Dan Brown
2025-06-26 11:00:17 +01:00
parent b80992ca59
commit 02a35b6db4
8 changed files with 54 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
resources/js/wysiwyg/index.ts
View File

@ -123,6 +123,8 @@ export function createBasicEditorInstance(container: HTMLElement, htmlContent: s
export class SimpleWysiwygEditorInterface {
protected context: EditorUiContext;
protected onChangeListeners: (() => void)[] = [];
protected editorListenerTeardown: (() => void)|null = null;
constructor(context: EditorUiContext) {
this.context = context;
@ -132,6 +134,11 @@ export class SimpleWysiwygEditorInterface {
return await getEditorContentAsHtml(this.context.editor);
}
onChange(listener: () => void) {
this.onChangeListeners.push(listener);
this.startListeningToChanges();
}
focus(): void {
focusEditor(this.context.editor);
}
@ -139,5 +146,20 @@ export class SimpleWysiwygEditorInterface {
remove() {
this.context.editorDOM.remove();
this.context.manager.teardown();
if (this.editorListenerTeardown) {
this.editorListenerTeardown();
}
}
protected startListeningToChanges(): void {
if (this.editorListenerTeardown) {
return;
}
this.editorListenerTeardown = this.context.editor.registerUpdateListener(() => {
for (const listener of this.onChangeListeners) {
listener();
}
});
}
}