rich-react-editor

react editor with support of image and multi languages

Usage no npm install needed!

<script type="module">
  import richReactEditor from 'https://cdn.skypack.dev/rich-react-editor';
</script>

README

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

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