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

Update README

Browse Source
This commit is contained in:
Dominic Gannaway
2021-06-28 22:39:24 +01:00
committed by acywatson
parent 56aa676ddc
commit dbe55a5231
1 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@ -31,14 +31,9 @@ function Editor() {
throw error; throw error;
}, []) }, [])
// Some placeholder text to be used when the editor
// field is empty.
const placeholderText = 'Enter some plain text...';
// Create an Outline editor instance and also a ref // Create an Outline editor instance and also a ref
// that we need to pass to our content editable. // that we need to pass to our content editable.
const [editor, contentEditableRef] = useOutlineEditor( const [editor, contentEditableRef, showPlaceholder] = useOutlineEditor(
placeholderText,
onError, onError,
); );
@ -47,6 +42,7 @@ function Editor() {
// Our <div> content editable element with some basic styling. // Our <div> content editable element with some basic styling.
return ( return (
<div>
<div <div
{...eventHandlers} {...eventHandlers}
ref={contentEditableRef} ref={contentEditableRef}
@ -62,6 +58,10 @@ function Editor() {
}} }}
tabIndex={0} tabIndex={0}
/> />
{showPlaceholder && (
<div className="placeholder">Enter some plain text...</div>
)}
</div>
); );
} }
``` ```