Editor


import Editor from 'src/components/editor';
 
export function App() {
  const [value, setValue] = useState('');
 
  const onChange = (value) => {
    setValue(value);
  };
 
  return <Editor simple id="editor-id" value={value} onChange={onChange} placeholder="Type a message" />;
}

  • src/components/editor
  • src/App.js or src/pages/_app.js or src/app/layout.js
    import 'react-quill/dist/quill.snow.css';

Reference: