Quill Editor

Please refer to Quill Documentation to learn about plugin options

Step one

Include the stylesheet quill.snow.css inside the <head>

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

Step two

Include the javascript file inside the <body>before core template script inclusions.

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

Step three

Add the markup.

<div id="editor">
  <p>Hello World!</p>
  <p>Some initial <strong>bold</strong> text</p>
  <p><br></p>
</div>

Step four

Apply the plugin.

Make sure you place the following script below all the pre-requisites mentioned in the Step two above.

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

Last updated 4 years ago