You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/lexical-website-new/docs/react/plugins.md
+16-16
Original file line number
Diff line number
Diff line change
@@ -8,12 +8,12 @@ React-based plugins are using Lexical editor instance from `<LexicalComposer>` c
8
8
9
9
```jsx
10
10
<LexicalComposer initialConfig={initialConfig}>
11
-
<LexicalPlainTextPlugin
12
-
contentEditable={<LexicalContentEditable/>}
11
+
<PlainTextPlugin
12
+
contentEditable={<ContentEditable/>}
13
13
placeholder={<div>Enter some text...</div>}
14
14
/>
15
-
<LexicalHistoryPlugin/>
16
-
<LexicalOnChangePlugin onChange={onChange} />
15
+
<HistoryPlugin/>
16
+
<OnChangePlugin onChange={onChange} />
17
17
...
18
18
</LexicalComposer>
19
19
```
@@ -23,8 +23,8 @@ React-based plugins are using Lexical editor instance from `<LexicalComposer>` c
23
23
React wrapper for `@lexical/plain-text` that adds major features for plain text editing, including typing, deletion and copy/pasting
24
24
25
25
```jsx
26
-
<LexicalPlainTextPlugin
27
-
contentEditable={<LexicalContentEditable/>}
26
+
<PlainTextPlugin
27
+
contentEditable={<ContentEditable/>}
28
28
placeholder={<div>Enter some text...</div>}
29
29
/>
30
30
```
@@ -34,8 +34,8 @@ React wrapper for `@lexical/plain-text` that adds major features for plain text
34
34
React wrapper for `@lexical/rich-text` that adds major features for rich text editing, including typing, deletion, copy/pasting, indent/outdent and bold/italic/underline/strikethrough text formatting
35
35
36
36
```jsx
37
-
<LexicalRichTextPlugin
38
-
contentEditable={<LexicalContentEditable/>}
37
+
<RichTextPlugin
38
+
contentEditable={<ContentEditable/>}
39
39
placeholder={null}
40
40
/>
41
41
```
@@ -45,47 +45,47 @@ React wrapper for `@lexical/rich-text` that adds major features for rich text ed
45
45
Plugin that calls `onChange` whenever Lexical state is updated. Using `ignoreInitialChange` (`true` by default) and `ignoreSelectionChange` (`false` by default) can give more granular control over changes that are causing `onChange` call
46
46
47
47
```jsx
48
-
<LexicalOnChangePlugin onChange={onChange} />
48
+
<OnChangePlugin onChange={onChange} />
49
49
```
50
50
51
51
### `LexicalHistoryPlugin`
52
52
53
53
React wrapper for `@lexical/history` that adds support for history stack management and `undo` / `redo` commands
54
54
55
55
```jsx
56
-
<LexicalHistoryPlugin/>
56
+
<HistoryPlugin/>
57
57
```
58
58
59
59
### `LexicalLinkPlugin`
60
60
61
61
React wrapper for `@lexical/link` that adds support for links, including `toggleLink` command support that toggles link for selected text
62
62
63
63
```jsx
64
-
<LexicalLinkPlugin/>
64
+
<LinkPlugin/>
65
65
```
66
66
67
67
### `LexicalListPlugin`
68
68
69
69
React wrapper for `@lexical/list` that adds support for lists (ordered and unordered)
70
70
71
71
```jsx
72
-
<LexicalLinkPlugin/>
72
+
<ListPlugin/>
73
73
```
74
74
75
75
### `LexicalCheckListPlugin`
76
76
77
77
React wrapper for `@lexical/list` that adds support for check lists. Note that it requires some css to render check/uncheck marks. See PlaygroundEditorTheme.css for details.
78
78
79
79
```jsx
80
-
<LexicalLinkPlugin/>
80
+
<CheckListPlugin/>
81
81
```
82
82
83
83
### `LexicalTablePlugin`
84
84
85
85
React wrapper for `@lexical/table` that adds support for tables
86
86
87
87
```jsx
88
-
<LexicalTablePlugin/>
88
+
<TablePlugin/>
89
89
```
90
90
91
91
### `LexicalAutoLinkPlugin`
@@ -112,7 +112,7 @@ const MATCHERS = [
112
112
113
113
...
114
114
115
-
<LexicalAutoLinkPlugin matchers=[MATCHERS] />
115
+
<AutoLinkPlugin matchers=[MATCHERS] />
116
116
```
117
117
118
118
### `LexicalAutoScrollPlugin`
@@ -123,7 +123,7 @@ Lexical auto-scrolls its contenteditable container while typing. This plugin can
0 commit comments