Pages UI
Search…
v5.0.1 - Pages HTML
UI Elements
Form Elements
Quill Editor
Step one
Include the stylesheet quill.snow.css inside the
<head>1
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
Copied!
Step two
Include the javascript file inside the
<body>before core template script inclusions.1
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
Copied!
Step three
Add the markup.
1
<div id="editor">
2
<p>Hello World!</p>
3
<p>Some initial <strong>bold</strong> text</p>
4
<p><br></p>
5
</div>
Copied!
Step four
Apply the plugin.
Make sure you place the following script below all the pre-requisites mentioned in the Step two above.
1
<script>
2
var quill = new Quill('#editor', {
3
theme: 'snow'
4
});
5
</script>
Copied!
Last modified 2yr ago
Copy link