{"library":"react-quill","title":"React Quill Component","description":"React-Quill is a robust React component that wraps the popular Quill rich-text editor, allowing developers to easily integrate a powerful WYSIWYG editing experience into their React applications. The current stable version is 2.0.0, which introduced a full TypeScript port, React 16+ compatibility, and a refactored build system, aiming for a drop-in upgrade for most users. While major releases, like v2, occur periodically with significant overhauls, the project generally maintains an active development pace with bug fixes and minor improvements. A key differentiator is its seamless integration with React's component lifecycle, abstracting away much of Quill's imperative API. It supports controlled mode with specific caveats, leveraging Quill's Delta format for content management and offering extensive customization options for toolbars and formats. It is designed to be highly extensible and performant within a React ecosystem, making it a go-to choice for rich-text editing needs.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install react-quill"],"cli":null},"imports":["import ReactQuill from 'react-quill';","import 'react-quill/dist/quill.snow.css';","import type { Delta } from 'react-quill';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React, { useState } from 'react';\nimport ReactQuill from 'react-quill';\nimport 'react-quill/dist/quill.snow.css';\n\nfunction MyComponent() {\n  const [value, setValue] = useState('');\n\n  return (\n    <div style={{ height: '300px', display: 'flex', flexDirection: 'column' }}>\n      <h3>ReactQuill Editor</h3>\n      <ReactQuill \n        theme=\"snow\" \n        value={value} \n        onChange={setValue} \n        style={{ flexGrow: 1, overflowY: 'auto' }} \n        placeholder=\"Start typing here...\"\n      />\n      <p>Current content length: {value.length}</p>\n    </div>\n  );\n}","lang":"typescript","description":"Demonstrates a basic controlled `ReactQuill` component using the 'snow' theme, managing editor content with React's `useState` hook.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}