Quill WYSIWYG Rich Text Editor

Quill: An API Driven Rich Text Editor

Content creation has been at the core of the web since its beginning. The <textarea> provides a native and essential solution to almost any web application. But at some point, you may need to add formatting to text input. This is where rich text editors come in. There are many solutions to choose from, but QuillJs brings a few modern ideas to consider.

Quill Rich Text Editor DasJs
Quill Rich Text Editor DasJs

The best way to get started is by trying a simple example. It is initialized with a DOM element to contain the editor. The contents of that element will become the initial contents of it.

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

<!-- 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Ā  library -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

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

And that's all there is to it!

Next Steps
The real magic of this library comes in its flexibility and extensibility.