Quill is a modern WYSIWYG editor built for compatibility and extensibility https://quilljs.com/

Zihua Li 8fa962db17 Add fuzzing tests (#3789) 1 year ago
.github 8fa962db17 Add fuzzing tests (#3789) 1 year ago
_develop 8fa962db17 Add fuzzing tests (#3789) 1 year ago
assets 10b120d19e Other list types should also reset list numbers 3 years ago
blots e040b2a93a Upgrade Parchment to fix typings 1 year ago
core 1c2521ee70 Handle text replacements explicitly 1 year ago
e2e 1c2521ee70 Handle text replacements explicitly 1 year ago
formats e040b2a93a Upgrade Parchment to fix typings 1 year ago
modules 1c2521ee70 Handle text replacements explicitly 1 year ago
test 8fa962db17 Add fuzzing tests (#3789) 1 year ago
themes 6ff779ab86 Fix `BaseTooltip.edit()` signature (#3816) 1 year ago
ui 3d684d908f Enable strictNullChecks 1 year ago
website d5290e1d80 Add a standalone page for performance testing 1 year ago
.eslintignore 7566276cbe Add ESLint configuration 2 years ago
.eslintrc.json 663e9bd9c3 Lint test files 1 year ago
.gitignore 8fa962db17 Add fuzzing tests (#3789) 1 year ago
.npmignore f7640d1686 TypeScript compatibility improvement 2 years ago
CHANGELOG.md 2b2fb56c52 bump version 6 years ago
CODE_OF_CONDUCT.md 167b6e256b add code of conduct 8 years ago
LICENSE 5eac092fc4 add and update about 6 years ago
README.md bac6b0e965 Setup GitHub actions 2 years ago
babel.config.js 382bf48e8c Use babel-loader for building 1 year ago
core.ts 1c2521ee70 Handle text replacements explicitly 1 year ago
custom.d.ts 875a0a9719 Declare module '*.svg' 2 years ago
package-lock.json 8fa962db17 Add fuzzing tests (#3789) 1 year ago
package.json 8fa962db17 Add fuzzing tests (#3789) 1 year ago
playwright.config.ts c628de6cce Migrate existing puppeteer scripts 2 years ago
quill.ts b4baafdfb7 Migrate entrypoint to TypeScript 2 years ago
tsconfig.json 382bf48e8c Use babel-loader for building 1 year ago

README.md

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

Quill Rich Text Editor

Quill Logo

QuickstartDocumentationDevelopmentContributingInteractive Playground

<img src="https://github.com/quilljs/quill/actions/workflows/main.yml/badge.svg" alt="Build Status">

<img src="https://img.shields.io/npm/v/quill.svg" alt="Version">

<img src="https://img.shields.io/npm/dm/quill.svg" alt="Downloads">

<img src="https://cdn.quilljs.com/badge.svg?v=2" alt="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 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.

<!-- Include Quill stylesheet -->
<link href="https://cdn.quilljs.com/1.0.0/quill.snow.css" rel="stylesheet" />

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

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

<!-- Include the Quill library -->
<script src="https://cdn.quilljs.com/1.0.0/quill.js"></script>

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

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

Download

CDN

<!-- Main Quill library -->
<script src="//cdn.quilljs.com/1.0.0/quill.js"></script>
<script src="//cdn.quilljs.com/1.0.0/quill.min.js"></script>

<!-- Theme included stylesheets -->
<link href="//cdn.quilljs.com/1.0.0/quill.snow.css" rel="stylesheet" />
<link href="//cdn.quilljs.com/1.0.0/quill.bubble.css" rel="stylesheet" />

<!-- Core build with no theme, formatting, non-essential modules -->
<link href="//cdn.quilljs.com/1.0.0/quill.core.css" rel="stylesheet" />
<script src="//cdn.quilljs.com/1.0.0/quill.core.js"></script>

Community

Get help or stay up to date.

License

BSD 3-clause