opensource/lexical
1
0
Fork 0
mirror of https://github.com/facebook/lexical.git synced 2025-05-16 22:48:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

Documentation Update: move placeholder examples to ContentEditable (#7193)

Browse Source
This commit is contained in:
Rob Hannay
2025-02-17 17:13:54 +00:00
committed by GitHub
parent 9deab94d9f
commit 0e98db1b6d
5 changed files with 42 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@ -113,8 +113,12 @@ function Editor() {
return (
<LexicalComposer initialConfig={initialConfig}>
<PlainTextPlugin
contentEditable={<ContentEditable />}
placeholder={<div>Enter some text...</div>}
contentEditable={
<ContentEditable
aria-placeholder={'Enter some text...'}
placeholder={<div>Enter some text...</div>}
/>
}
ErrorBoundary={LexicalErrorBoundary}
/>
<OnChangePlugin onChange={onChange} />

8
packages/lexical-react/README.md
View File

@ -74,8 +74,12 @@ function Editor() {
return (
<LexicalComposer initialConfig={initialConfig}>
<PlainTextPlugin
contentEditable={<ContentEditable />}
placeholder={<div>Enter some text...</div>}
contentEditable={
<ContentEditable
aria-placeholder={'Enter some text...'}
placeholder={<div>Enter some text...</div>}
/>
}
/>
<OnChangePlugin onChange={onChange} />
<HistoryPlugin />

16
packages/lexical-website/docs/getting-started/react.md
View File

@ -61,8 +61,12 @@ function Editor() {
return (
<LexicalComposer initialConfig={initialConfig}>
<RichTextPlugin
contentEditable={<ContentEditable />}
placeholder={<div>Enter some text...</div>}
contentEditable={
<ContentEditable
aria-placeholder={'Enter some text...'}
placeholder={<div>Enter some text...</div>}
/>
}
ErrorBoundary={LexicalErrorBoundary}
/>
<HistoryPlugin />
@ -135,8 +139,12 @@ function Editor() {
return (
<LexicalComposer initialConfig={initialConfig}>
<RichTextPlugin
contentEditable={<ContentEditable />}
placeholder={<div>Enter some text...</div>}
contentEditable={
<ContentEditable
aria-placeholder={'Enter some text...'}
placeholder={<div>Enter some text...</div>}
/>
}
ErrorBoundary={LexicalErrorBoundary}
/>
<HistoryPlugin />

8
packages/lexical-website/docs/getting-started/theming.md
View File

@ -57,8 +57,12 @@ export default function Editor() {
return (
<LexicalComposer initialConfig={initialConfig}>
<PlainTextPlugin
contentEditable={<ContentEditable />}
placeholder={<div className="editor-placeholder">Enter some text...</div>}
contentEditable={
<ContentEditable
aria-placeholder={'Enter some text...'}
placeholder={<div className="editor-placeholder">Enter some text...</div>}
/>
}
ErrorBoundary={LexicalErrorBoundary}
/>
</LexicalComposer>

16
packages/lexical-website/docs/react/plugins.md
View File

@ -45,8 +45,12 @@ React wrapper for `@lexical/plain-text` that adds major features for plain text
```jsx
<PlainTextPlugin
contentEditable={<ContentEditable />}
placeholder={<div>Enter some text...</div>}
contentEditable={
<ContentEditable
aria-placeholder={'Enter some text...'}
placeholder={<div>Enter some text...</div>}
/>
}
ErrorBoundary={LexicalErrorBoundary}
/>
```
@ -57,8 +61,12 @@ React wrapper for `@lexical/rich-text` that adds major features for rich text ed
```jsx
<RichTextPlugin
contentEditable={<ContentEditable />}
placeholder={<div>Enter some text...</div>}
contentEditable={
<ContentEditable
aria-placeholder={'Enter some text...'}
placeholder={<div>Enter some text...</div>}
/>
}
ErrorBoundary={LexicalErrorBoundary}
/>
```