import {LexicalEditor} from "lexical";
import {
- getCodeToolbarContent,
+ getCodeToolbarContent, getDetailsToolbarContent,
getImageToolbarContent,
getLinkToolbarContent,
- getMainEditorFullToolbar, getTableToolbarContent
-} from "./toolbars";
+ getMainEditorFullToolbar, getMediaToolbarContent, getTableToolbarContent
+} from "./defaults/toolbars";
import {EditorUIManager} from "./framework/manager";
import {EditorUiContext} from "./framework/core";
import {CodeBlockDecorator} from "./decorators/code-block";
selector: 'img:not([drawio-diagram] img)',
content: getImageToolbarContent(),
});
+ manager.registerContextToolbar('media', {
+ selector: '.editor-media-wrap',
+ content: getMediaToolbarContent(),
+ });
manager.registerContextToolbar('link', {
selector: 'a',
content: getLinkToolbarContent(),
selector: '.editor-code-block-wrap',
content: getCodeToolbarContent(),
});
-
manager.registerContextToolbar('table', {
selector: 'td,th',
content: getTableToolbarContent(),
return originalTarget.closest('table') as HTMLTableElement;
}
});
+ manager.registerContextToolbar('details', {
+ selector: 'details',
+ content: getDetailsToolbarContent(),
+ });
// Register image decorator listener
manager.registerDecoratorType('code', CodeBlockDecorator);