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

Lexical: Added basic list button/support

Browse Source
This commit is contained in:
Dan Brown
2024-06-19 16:14:20 +01:00
parent 9e43e03db4
commit e2409a5fab
6 changed files with 43 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
resources/js/wysiwyg/ui/defaults/button-definitions.ts
View File

@@ -1,11 +1,11 @@
import {EditorBasicButtonDefinition, EditorButtonDefinition} from "../framework/buttons";
import {
$createNodeSelection,
$createParagraphNode, $getRoot, $getSelection, $insertNodes,
$createParagraphNode, $getRoot, $getSelection,
$isParagraphNode, $isTextNode, $setSelection,
BaseSelection, ElementNode, FORMAT_TEXT_COMMAND,
LexicalNode,
REDO_COMMAND, TextFormatType, TextNode,
REDO_COMMAND, TextFormatType,
UNDO_COMMAND
} from "lexical";
import {
@@ -23,12 +23,12 @@ import {
HeadingNode,
HeadingTagType
} from "@lexical/rich-text";
import {$isLinkNode, $toggleLink, LinkNode} from "@lexical/link";
import {$isLinkNode, LinkNode} from "@lexical/link";
import {EditorUiContext} from "../framework/core";
import {$isImageNode, ImageNode} from "../../nodes/image";
import {$createDetailsNode, $isDetailsNode} from "../../nodes/details";
import {$insertNodeToNearestRoot} from "@lexical/utils";
import {getEditorContentAsHtml} from "../../actions";
import {$isListNode, insertList, ListNode, ListType, removeList} from "@lexical/list";
export const undo: EditorButtonDefinition = {
label: 'Undo',
@@ -155,6 +155,31 @@ export const clearFormating: EditorButtonDefinition = {
}
};
function buildListButton(label: string, type: ListType): EditorButtonDefinition {
return {
label,
action(context: EditorUiContext) {
context.editor.getEditorState().read(() => {
const selection = $getSelection();
if (this.isActive(selection)) {
removeList(context.editor);
} else {
insertList(context.editor, type);
}
});
},
isActive(selection: BaseSelection|null): boolean {
return selectionContainsNodeType(selection, (node: LexicalNode | null | undefined): boolean => {
return $isListNode(node) && (node as ListNode).getListType() === type;
});
}
};
}
export const bulletList: EditorButtonDefinition = buildListButton('Bullet list', 'bullet');
export const numberList: EditorButtonDefinition = buildListButton('Numbered list', 'number');
export const taskList: EditorButtonDefinition = buildListButton('Task list', 'check');
export const link: EditorButtonDefinition = {
label: 'Insert/edit link',