You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Jason Chen d2bd71d758 update to 4 weeks ago
.github Add link table to dev setup guide (#2491) 3 years ago
_develop update to 4 weeks ago
assets Fix checkbox not checkable on Firefox 7 months ago
blots Ignore mutations happens in nested Quill instance 11 months ago
core fix linter 1 month ago
docs Update typo 6 months ago
formats Fix length mismatch when copying code (#3028) 1 year ago
modules fix mixed html/file test and handle image only case 4 weeks ago
test fix mixed html/file test and handle image only case 4 weeks ago
themes update to 4 weeks ago
ui update to 4 weeks ago
.gitignore update parchment, add lockfile 3 years ago
.travis.yml update dependencies, node, browsers, travis 1 year ago bump version 3 years ago add code of conduct 5 years ago
Gemfile update github pages gem 2 years ago
Gemfile.lock update github pages gem 2 years ago
LICENSE add and update about 3 years ago update to 4 weeks ago
core.js update parchment to support multiple registries 3 years ago
package-lock.json update quill delta 1 year ago
package.json update quill delta 1 year ago
quill.js move table into module 3 years ago

Note: This branch and README covers the upcoming 2.0 release. View 1.x docs here.

Quill Rich Text Editor

Quill Logo

QuickstartDocumentationDevelopmentContributingInteractive Playground

Build Status Version Downloads

Test Status

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 for documentation, guides, and live demos!


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

<!-- Include Quill stylesheet -->
<link href="" rel="stylesheet" />

<!-- Create the toolbar container -->
<div id="toolbar">
  <button class="ql-bold">Bold</button>
  <button class="ql-italic">Italic</button>

<!-- Create the editor container -->
<div id="editor">
  <p>Hello World!</p>

<!-- Include the Quill library -->
<script src=""></script>

<!-- Initialize Quill editor -->
  var editor = new Quill('#editor', {
    modules: { toolbar: '#toolbar' },
    theme: 'snow',

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



<!-- Main Quill library -->
<script src="//"></script>
<script src="//"></script>

<!-- Theme included stylesheets -->
<link href="//" rel="stylesheet" />
<link href="//" rel="stylesheet" />

<!-- Core build with no theme, formatting, non-essential modules -->
<link href="//" rel="stylesheet" />
<script src="//"></script>


Get help or stay up to date.


BSD 3-clause