quill-next-react
TypeScript icon, indicating that this package has built-in type declarations

1.1.0 • Public • Published

Quill Next React

A simple and flexible React component wrapper for the Quill Next.

Installation

You can install the package using npm or yarn:

npm install quill-next-react
# or
yarn add quill-next-react
#or
pnpm add quill-next-react

Note: This package assumes that quill-next, react and react-dom are already installed. It also requires Quill as a peer dependency. You might need to install it separately if you haven't already:

npm install quill-next
# or
yarn add quill-next
#or
pnpm add quill-next

Usage

Import the QuillEditor component and use it in your React application.

import { Delta } from 'quill-next';
import QuillEditor from 'quill-next-react';

function App() {
  return (
    <QuillEditor
      defaultValue={new Delta().insert('Hello World!')}
      onTextChange={() => {
        // Handle text change
      }}
      onReady={() => {
        // Handle editor ready
      }}
      config={{ // Pass Quill options here
        theme: 'snow',
        modules: {
          toolbar: [
              [{ 'header': [1, 2, false] }],
              ['bold', 'italic', 'underline'],
              ['image', 'code-block']
          ],
        },
      }}
    />
  );
}

Contributing

Contributions are welcome! Please feel free to submit issues or pull requests.

Readme

Keywords

none

Package Sidebar

Install

npm i quill-next-react

Weekly Downloads

29

Version

1.1.0

License

BSD-3-Clause

Unpacked Size

224 kB

Total Files

82

Last publish

Collaborators

  • okcdz