rich-react-editor/README.md

react editor with support of image and multi languages

## React Rich Text Editor


#### Supports:

- Rich text editing.
- Code editing.
- Paste any content without loosing actual styles.
- Multi language supports.
- Customize image uploader.

![rich-react-editor](editorImage.png)


#### Installation:

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


#### Plug into any app:
```
  import ReactRichEditor from 'rich-react-editor'
  ... 
  ...
  return(
    <ReactRichEditor height={200} />
  )
  ....

```

#### Props and usage:


##### `height` :
To set editor's height.
```
height = { 200 }

```

###### Type: Number

###### Default: 500


##### `imageModel` :
Start image upload support by passing custom uploader.
```
imageModel = { <ImageUploader> }

```

###### Type: Element

###### Default: Null


##### `insertImage` :
Insert image into editor by passing url of image.
```
insertImage = { "http://example.com/image.jpg" }

```

###### Type: string

###### Default: ""


##### `languages` :
Customise language support by add/subtract new language.
```
languages={ [{
    "label": "English",
    "value": "english"
}] }
```

###### Type: Array

###### Default: All languages array


##### `onTextChange` :
get continuous plain text change of editor.
```
onTextChange={e =>
 console.log(e);
}
```

###### Type: Func


##### `onCodeChange` :
get continuous HTML text change of editor.
```
onCodeChange={e =>
 console.log(e);
}
```

###### Type: Func


##### `showAll` :
Will shows all toolbar functionality when its enabled.
For an ePub usage pass "false",
For a blog usage pass "true"
```
showAll={
    true
}
```

###### Type: Boolean

###### Default: false