React Rich Text Editor
Supports:
- Rich text editing.
- Code editing.
- Paste any content without loosing actual styles.
- Multi language supports.
- Customize image uploader.
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
}