forked from TypeCellOS/BlockNote
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathButton.tsx
More file actions
57 lines (54 loc) · 1.22 KB
/
Copy pathButton.tsx
File metadata and controls
57 lines (54 loc) · 1.22 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
import {
BlockNoteEditor,
createBlockSpec,
defaultProps,
} from "@blocknote/core";
import { RiRadioButtonFill } from "react-icons/ri";
export const Button = createBlockSpec(
{
type: "button" as const,
propSchema: {
backgroundColor: defaultProps.backgroundColor,
} as const,
content: "none",
},
{
render: (block, editor) => {
const button = document.createElement("button");
button.innerText = "Insert Block Below";
button.addEventListener("click", () => {
editor.insertBlocks(
[
{
type: "paragraph",
content: "Hello World",
} as any, // TODO
],
editor.getBlock(block)!,
"after"
);
});
return {
dom: button,
};
},
}
);
export const insertButton = {
title: "Insert Button",
onItemClick: (editor: BlockNoteEditor<any, any, any>) => {
editor.insertBlocks(
[
{
type: "button",
},
],
editor.getTextCursorPosition().block,
"after"
);
},
subtext: "Insert a button which inserts a block below it",
icon: <RiRadioButtonFill />,
aliases: ["button", "click", "action"],
group: "Other",
};