opensource/lexical
1
0
Fork 0
mirror of https://github.com/facebook/lexical.git synced 2025-05-17 15:18:47 +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

6
README.md
View File

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

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

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

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

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

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

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

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