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
}

Type: Boolean

Default: false