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

Lexical: Created custom table node with col width handling

Browse Source
This commit is contained in:
Dan Brown
2024-06-24 20:50:17 +01:00
parent 5546b8ff43
commit 3af22ce754
4 changed files with 218 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
resources/js/wysiwyg/ui/toolbars.ts
View File

@ -9,7 +9,7 @@ import {
undo,
warningCallout
} from "./defaults/button-definitions";
import {EditorContainerUiElement, EditorSimpleClassContainer} from "./framework/core";
import {EditorContainerUiElement, EditorSimpleClassContainer, EditorUiContext} from "./framework/core";
import {el} from "../helpers";
import {EditorFormatMenu} from "./framework/blocks/format-menu";
import {FormatPreviewButton} from "./framework/blocks/format-preview-button";
@ -17,6 +17,8 @@ import {EditorDropdownButton} from "./framework/blocks/dropdown-button";
import {EditorColorPicker} from "./framework/blocks/color-picker";
import {EditorTableCreator} from "./framework/blocks/table-creator";
import {EditorColorButton} from "./framework/blocks/color-button";
import {$isCustomTableNode, $setTableColumnWidth, CustomTableNode} from "../nodes/custom-table";
import {$getRoot} from "lexical";
export function getMainEditorFullToolbar(): EditorContainerUiElement {
return new EditorSimpleClassContainer('editor-toolbar-main', [
@ -69,5 +71,29 @@ export function getMainEditorFullToolbar(): EditorContainerUiElement {
// Meta elements
new EditorButton(source),
// Test
new EditorButton({
label: 'Expand table col 2',
action(context: EditorUiContext) {
context.editor.update(() => {
const root = $getRoot();
let table: CustomTableNode|null = null;
for (const child of root.getChildren()) {
if ($isCustomTableNode(child)) {
table = child as CustomTableNode;
break;
}
}
if (table) {
$setTableColumnWidth(table, 1, 500);
}
});
},
isActive() {
return false;
}
})
]);
}