react-richmon v0.3.8-alpha

Richmon

Richmon is a new rich text editor for React that is very easy to use and customize, it's currently on the alpha release - new features are listed to be added in future releases.

Install

npm install --save richmon

Getting started

import React, { useState } from 'react'

import { Richmon } from 'richmon'

export default () => {
  const [content, setContent] = useState('')

  return (
    <Richmon
      content={content}
      onChange={setContent}
      tools={[
        'BIUS',
        'thin-seperator',
        'sub',
        'sup',
        'thin-seperator',
        'fontSize',
        'textColor',
        'textHighlight',
        'textShadow',
        'thin-seperator',
        'orderedList',
        'unOrderedList',
        'table'
      ]}
    />
  )
}

If you don't want a smooth caret, just include the disableSmoothCaret prop.

Customization

Basic customization can be done by providing props to the main Richmon Component, check the list of available props below.

If you want to customize more, like providing custom buttons or custom menus there's components like RichButton, RichMenu, FontSizeMenu, TableMenu and more, they are listed to be documented soon.

Props

Todos

• add image and file upload support
• write full documentation
• provide inline tools for tables and images

For suggestions just open an issue.

License

MIT © fayez-nazzal