Quill Rich Text Editor

Documentation • Development • Contributing • Interactive Playground

Quill is a modern rich text editor built for compatibility and extensibility. It was created by Jason Chen and Byron Milligan and actively maintained by Slab.

To get started, check out https://quilljs.com/ for documentation, guides, and live demos!

Quickstart

Instantiate a new Quill object with a css selector for the div that should become the editor.

<link
  href="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.snow.css"
  rel="stylesheet"
/>





  <button class="ql-bold">Bold</button>
  <button class="ql-italic">Italic</button>










Hello World!




Some initial <strong>bold</strong> text














<script src="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.js"></script>


<script>
  const quill = new Quill("#editor", {
    theme: "snow",
  });
</script>

Take a look at the Quill website for more documentation, guides and live playground!

Download

npm install quill

CDN

<script src="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.js"></script>


<link
  href="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.snow.css"
  rel="stylesheet"
/>
<link
  href="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.bubble.css"
  rel="stylesheet"
/>


<link
  href="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.core.css"
  rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.core.js"></script>

Community

Get help or stay up to date.

• Contribute on Issues
• Ask questions on Discussions

License

BSD 3-clause