slash-rich-text-editor

A rich text editor base on HTML contenteditable

Install

npm install --save slash-rich-text-editor

Usage

import React, { useState } from 'react'

import EditablePage, { BlockModel } from 'slash-rich-text-editor'
import 'slash-rich-text-editor/dist/index.css'

const Example = () => {
  const [value, setValue] = useState<BlockModel[]>([
    { id: 'default', html: 'Default paragraph', tag: 'p' }
  ])
  return (
    <EditablePage
      value={value}
      onChange={(result: BlockModel[]) => setValue(result)}
    />
  )
}

License

MIT © maiducthang279