The best way to get started is try a simple example. Quill is initialized with a DOM element to contain the editor. The contents of that element will become the initial contents of Quill.
Documentation for QuillAdd Quill as an NPM dependency and add it your own build workflow, or use the included built options. Compiled stylesheets are also included in dist/ folder.
npm install quill@1.3.6
<div class="counter purecounter" data-purecounter-delay="50" data-purecounter-start="0" data-purecounter-end="36487">0</div>
<div class="counter purecounter" data-purecounter-delay="50" data-purecounter-start="0" data-purecounter-end="10">0</div>
<div class="counter purecounter" data-purecounter-delay="50" data-purecounter-start="0" data-purecounter-end="856">0</div>
<div class="counter purecounter" data-purecounter-delay="50" data-purecounter-start="0" data-purecounter-end="4562">0</div>
<div class="counter purecounter" data-purecounter-delay="50" data-purecounter-start="0" data-purecounter-end="5321">0</div>
<div class="counter purecounter" data-purecounter-delay="50" data-purecounter-start="0" data-purecounter-end="12356">0</div>
Copy-paste the following <script> near the end of your pages under Muze Javascript Plugins to enable it.
<script src="../assets/vendor/quill/dist/quill.min.js"></script>
Copy-paste the following <link> near the end of your pages under Muze Plugins CSS to enable it.
<link href="../assets/vendor/quill/dist/quill.snow.css" rel="stylesheet" type="text/css" media="all">
Copy-paste the init function under JS Plugins Init before the closing </body> tag, to enable it.
var toolbarOptions = [
['bold', 'italic', 'link', { 'list': 'ordered'}, { 'list': 'bullet' }, 'image', 'blockquote'],
];
var quill = new Quill('#editor', {
theme: 'snow',
placeholder: 'Start typing...',
modules: {
toolbar: toolbarOptions
},
});