basic-marks-kit

1'use client';
2 
3import {
4  BoldRules,
5  CodeRules,
6  HighlightRules,
7  ItalicRules,
8  MarkComboRules,
9  StrikethroughRules,
10  SubscriptRules,
11  SuperscriptRules,
12  UnderlineRules,
13} from '@platejs/basic-nodes';
14import {
15  BoldPlugin,
16  CodePlugin,
17  HighlightPlugin,
18  ItalicPlugin,
19  KbdPlugin,
20  StrikethroughPlugin,
21  SubscriptPlugin,
22  SuperscriptPlugin,
23  UnderlinePlugin,
24} from '@platejs/basic-nodes/react';
25 
26import { CodeLeaf } from '@/registry/ui/code-node';
27import { HighlightLeaf } from '@/registry/ui/highlight-node';
28import { KbdLeaf } from '@/registry/ui/kbd-node';
29 
30export const BasicMarksKit = [
31  BoldPlugin.configure({
32    inputRules: [
33      BoldRules.markdown({ variant: '*' }),
34      BoldRules.markdown({ variant: '_' }),
35      MarkComboRules.markdown({ variant: 'boldItalic' }),
36      MarkComboRules.markdown({ variant: 'boldUnderline' }),
37      MarkComboRules.markdown({ variant: 'boldItalicUnderline' }),
38      MarkComboRules.markdown({ variant: 'italicUnderline' }),
39    ],
40  }),
41  ItalicPlugin.configure({
42    inputRules: [
43      ItalicRules.markdown({ variant: '*' }),
44      ItalicRules.markdown({ variant: '_' }),
45    ],
46  }),
47  UnderlinePlugin.configure({
48    inputRules: [UnderlineRules.markdown()],
49  }),
50  CodePlugin.configure({
51    inputRules: [CodeRules.markdown()],
52    node: { component: CodeLeaf },
53    shortcuts: { toggle: { keys: 'mod+e' } },
54  }),
55  StrikethroughPlugin.configure({
56    inputRules: [StrikethroughRules.markdown()],
57    shortcuts: { toggle: { keys: 'mod+shift+x' } },
58  }),
59  SubscriptPlugin.configure({
60    inputRules: [SubscriptRules.markdown()],
61    shortcuts: { toggle: { keys: 'mod+comma' } },
62  }),
63  SuperscriptPlugin.configure({
64    inputRules: [SuperscriptRules.markdown()],
65    shortcuts: { toggle: { keys: 'mod+period' } },
66  }),
67  HighlightPlugin.configure({
68    inputRules: [
69      HighlightRules.markdown({ variant: '==' }),
70      HighlightRules.markdown({ variant: '≡' }),
71    ],
72    node: { component: HighlightLeaf },
73    shortcuts: { toggle: { keys: 'mod+shift+h' } },
74  }),
75  KbdPlugin.withComponent(KbdLeaf),
76];