## React Rich Text Editor

#### Supports:

- Rich text editing.

#### Installation:

### `npm i react-rich-text-editor-js`

#### Plug into any app:

```
  import RichTextEditor from 'react-rich-text-editor-js'

  const YourComponent = () => {
    const [editorContent, setEditorContent] = useState<string>("");

    return (
      ...
        <RichTextEditor
            editorContent={editorContent}
            setEditorContent={setEditorContent}
        />
      ...
    )
  }
```

#### Props to the ReactRichEditor Component:

- editorContent
- maxHeight
- height
- setEditorContent
- value
- spellCheck
- toolbarConfigs

#### Default Toolbar Configuratins:

-"bold"
-"italic"
-"underline"
-"strikethrough"
-"superscript"
-"subscript"
-"removeFormat"
-"createLink"
-"fontSize"
-"fontName"
-"foreColor"
-"backColor"
-"insertUnorderedList"
-"insertOrderedList"
-"justifyLeft"
-"justifyCenter"
-"justifyRight"
-"outdent"
-"indent"
-"undo"
-"redo"

#### Customize the toolbar:

Passing the ReactRichEditor component the toolbar prop, which is a javascript array and contains the names of the tools.

```
    <ReactRichEditor toolbarConfigs={["bold", "italic", "underline", "undo", "redo"]} />

```