Drawer Content Here
- Sign Out

#### React Draft Wysiwyg

A Wysiwyg Built on ReactJS and DraftJS

Controlled Wysiwyg Editor

    // ** React Imports
    import { useState } from 'react'

    // ** Third Party Imports
    import { EditorState } from 'draft-js'

    // ** Component Import
    import ReactDraftWysiwyg from 'src/@core/components/react-draft-wysiwyg'

    const EditorControlled = () => {
      // ** State
      const [value, setValue] = useState(EditorState.createEmpty())

      return <ReactDraftWysiwyg editorState={value} onEditorStateChange={data => setValue(data)} />
    }

    export default EditorControlled

Uncontrolled Wysiwyg Editor

    // ** Component Import
    import ReactDraftWysiwyg from 'src/@core/components/react-draft-wysiwyg'

    const EditorUncontrolled = () => <ReactDraftWysiwyg />

    export default EditorUncontrolled