React-classic-wysiwyg-editor NPM

react-classic-wysiwyg-editor

This is a simple classic wysiwyg (What-You-See-Is-What-You-Get) editor for react.

react-classic-wysiwyg-editor

Install

npm install react-classic-wysiwyg-editor

Usage

import { useState } from 'react'
import { Editor } from 'react-classic-wysiwyg-editor'
import 'react-classic-wysiwyg-editor/dist/index.css'

const Example = () => {
  const [content, setContent] = useState('')
  return (
    <>
      <h1>WYSIWYG Editor</h1>
      <Editor setContent={setContent} />
      <h2>Saved Content:</h2>
      {content && <div dangerouslySetInnerHTML={{ __html: content }}></div>}
    </>
  )
}