Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Draft.js editor is empty

Tags:

reactjs

draftjs

How to test if the content of draftjs editor is empty?

The only idea that I have now is an object comparison against the object returned from this function : EditorState.createEmpty().getCurrentContent()

like image 289
zianwar Avatar asked Jun 27 '16 23:06

zianwar

People also ask

What is EditorState?

EditorState is the top-level state object for the editor. It is an Immutable Record that represents the entire state of a Draft editor, including: The current text content state. The current selection state.

Does Facebook use draft js?

Draft. js is used in production on Facebook, including status and comment inputs, Notes, and messenger.com.

How do I save Draftjs content?

Draft. js comes with convertToRaw method that takes in a ContentState object and returns the given ContentState as a raw javascript object. This object can then be stored to a database or wherever you need to store your application's data.

2 Answers

Just use the hasText function on ContentState : 

editorState.getCurrentContent().hasText()
like image 118
zianwar Avatar answered Oct 06 '22 22:10

zianwar

 
 contentState.hasText() && contentState.getPlainText().length > 0

Check

  • Empty
  • White Space
like image 34
Zanyar J.Ahmed Avatar answered Oct 06 '22 22:10

Zanyar J.Ahmed
Sign in to Comment

Related questions

Property "value" does not exist on type Readonly
Can React Helmet inject a javascript object into <HEAD> tag?
ReactDom is undefined
React setState not working on first try, but works on second?
Set the background color of a Snackbar in MUI
React configuration file for post deployment settings
npm start errors with ERR! code ENOENT, syscall open
Dynamically Loading Local Images with ReactJS
Your test suite must contain at least one test
How to detect route changes with react-router v4?
Module not found: Can't resolve '../axios' in 'F:\React\react-complete-guide\src\Component'
Testing asynchronous useEffect
TypeScript error: Property 'scrollIntoView' does not exist on type 'never'. TS2339
React / Reactstrap Warning: Legacy context API has been detected within a strict-mode tree
How do I display an image on left of Material-UI AppBar, but retain the "hamburger" menu?
Why I am getting this error - Error: EPERM: operation not permitted, mkdir 'C:\Users\Aniket' command not found: create-react-app
How to model a HTML table with two cells per column in React?
React not responding to key down event
Favicon in React will not Update
mock useDispatch in jest and test the params with using that dispatch action in functional component

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!