Package Exports
- quill
- quill/assets/core.styl
- quill/assets/icons/align-center.svg
- quill/assets/icons/align-left.svg
- quill/assets/icons/align-right.svg
- quill/assets/icons/code.svg
- quill/assets/icons/comment.svg
- quill/assets/icons/float-center.svg
- quill/assets/icons/float-full.svg
- quill/assets/icons/float-left.svg
- quill/assets/icons/float-right.svg
- quill/assets/icons/font.svg
- quill/assets/icons/header-3.svg
- quill/assets/icons/header-4.svg
- quill/assets/icons/header.svg
- quill/assets/icons/image.svg
- quill/assets/icons/link.svg
- quill/assets/icons/redo.svg
- quill/assets/icons/undo.svg
- quill/assets/snow.styl
- quill/blots/block
- quill/blots/block.js
- quill/blots/break
- quill/blots/break.js
- quill/blots/embed
- quill/blots/embed.js
- quill/blots/inline
- quill/blots/inline.js
- quill/blots/text
- quill/blots/text.js
- quill/core
- quill/core.js
- quill/core/emitter
- quill/core/emitter.js
- quill/core/logger
- quill/core/logger.js
- quill/core/module
- quill/core/module.js
- quill/core/quill
- quill/core/quill.js
- quill/core/selection
- quill/core/selection.js
- quill/core/theme
- quill/core/theme.js
- quill/dist/quill
- quill/dist/quill.bubble.css
- quill/dist/quill.core
- quill/dist/quill.core.css
- quill/dist/quill.core.js
- quill/dist/quill.js
- quill/dist/quill.snow.css
- quill/formats/align
- quill/formats/align.js
- quill/formats/background
- quill/formats/background.js
- quill/formats/blockquote
- quill/formats/blockquote.js
- quill/formats/bold
- quill/formats/bold.js
- quill/formats/code
- quill/formats/code.js
- quill/formats/color
- quill/formats/color.js
- quill/formats/direction
- quill/formats/direction.js
- quill/formats/font
- quill/formats/font.js
- quill/formats/formula
- quill/formats/formula.js
- quill/formats/header
- quill/formats/header.js
- quill/formats/image
- quill/formats/image.js
- quill/formats/indent
- quill/formats/indent.js
- quill/formats/italic
- quill/formats/italic.js
- quill/formats/link
- quill/formats/link.js
- quill/formats/list
- quill/formats/list.js
- quill/formats/script
- quill/formats/script.js
- quill/formats/size
- quill/formats/size.js
- quill/formats/strike
- quill/formats/strike.js
- quill/formats/table
- quill/formats/table.js
- quill/formats/underline
- quill/formats/underline.js
- quill/formats/video
- quill/formats/video.js
- quill/modules/keyboard
- quill/modules/keyboard.js
- quill/modules/syntax
- quill/modules/syntax.js
- quill/modules/table
- quill/modules/table.js
- quill/modules/toolbar
- quill/modules/toolbar.js
- quill/quill
- quill/quill.js
- quill/themes/base
- quill/themes/base.js
- quill/themes/bubble
- quill/themes/bubble.js
- quill/themes/snow
- quill/themes/snow.js
- quill/ui/color-picker
- quill/ui/color-picker.js
- quill/ui/icon-picker
- quill/ui/icon-picker.js
- quill/ui/icons
- quill/ui/icons.js
- quill/ui/picker
- quill/ui/picker.js
- quill/ui/tooltip
- quill/ui/tooltip.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (quill) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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.
<!-- Include Quill stylesheet -->
<link
href="https://cdn.jsdelivr.net/npm/quill@2/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/quill@2/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 quillCDN
<!-- Main Quill library -->
<script src="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.js"></script>
<!-- Theme included stylesheets -->
<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"
/>
<!-- Core build with no theme, formatting, non-essential modules -->
<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