Basic with empty content

Configuration

Data conversion

Examples

Basic with empty content Imports Playground Basic with content Save content Read only editor Display the content in your page

Initializes the editor with empty content

Imports

import MUIEditor, { MUIEditorState } from "react-mui-draft-wysiwyg";

Playground

() => {
  const [editorState, setEditorState] = React.useState(
    MUIEditorState.createEmpty(),
  )
  const onChange = newState => {
    setEditorState(newState)
  }
  return <MUIEditor editorState={editorState} onChange={onChange} />
}

() => {
  const [editorState, setEditorState] = React.useState(
    MUIEditorState.createEmpty(),
  )
  const onChange = newState => {
    setEditorState(newState)
  }
  return <MUIEditor editorState={editorState} onChange={onChange} />
}

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Imports

Playground

Imports