Quill

Quill is a modern WYSIWYG editor built for compatibility and extensibility.
Alternatives To Quill
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Quill38,3882,8952,0482 days ago77December 08, 20231,048bsd-3-clauseTypeScript
Quill is a modern WYSIWYG editor built for compatibility and extensibility.
Slim_text194
10 years ago14CoffeeScript
Slim Text Editor
Plugin.wordpress103
a year ago8gpl-2.0PHP
:package: Official WordPress Plugin of EnlighterJS
Gutenberg Plugin Compatibility40
6 years ago11PHP
Vscode Caniuse29
3 years ago12mitTypeScript
Compatibility check for HTML5, CSS3, SVG, New JS API based on http://caniuse.com/ directly from Visual Studio Code
Xcode Canvas Color17
8 years agoJune 08, 20221Objective-C
macOS tweak that changes the background color of Xcode's storyboard editor
Roku Debug12124 days ago93November 16, 202326mitTypeScript
A compatibility wrapper around the BrightScript debug protocol https://developer.roku.com/en-ca/docs/developer-program/debugging/socket-based-debugger.md
Pootle Page Builder9
7 months ago6gpl-3.0PHP
The aim of pootle page builder is to help you create compelling WordPress pages more easily. We hope you like it.
Ispconfig Mysql Limits9
7 years agoPHP
MySQL account resource limits support for ISPConfig
Browser Compat Toolkit6
5 years ago15mpl-2.0JavaScript
Toolkit for visualizing and editing MDN's browser compatibility data
Alternatives To Quill
Select To Compare


Alternative Project Comparisons
Readme

[!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


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.jsdelivr.net/npm/[email protected]/dist/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>
  <p>Some initial <strong>bold</strong> text</p>
  <p><br /></p>
</div>

<!-- Include the Quill library -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.js"></script>

<!-- Initialize Quill editor -->
<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@rc

CDN

<!-- Main Quill library -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.js"></script>

<!-- Theme included stylesheets -->
<link
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.snow.css"
  rel="stylesheet"
/>
<link
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.bubble.css"
  rel="stylesheet"
/>

<!-- Core build with no theme, formatting, non-essential modules -->
<link
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.core.css"
  rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.core.js"></script>

Community

Get help or stay up to date.

License

BSD 3-clause

Popular Compatibility Projects
Popular Editor Projects
Popular Build Tools Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Typescript
Editor
Compatibility
Text Editor
Wysiwyg
Quilljs
Wysiwyg Editor
Rich Text Editor