Quill is a modern rich text editor built for compatibility and extensibility.
/*
:: Vendor Path
node_modules/quill/
:: Installed
npm install quill
:: SOW Controller Init
*/ $.SOW.vendor.quilleditor.init('.quill-editor');
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cursus mattis molestie a iaculis at erat. Amet mattis vulputate enim nulla aliquet. Diam quam nulla porttitor massa id neque aliquam vestibulum morbi. Nulla at volutpat diam ut venenatis tellus. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare. Lectus sit amet est placerat in egestas erat. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Scelerisque viverra mauris in aliquam. Donec adipiscing tristique risus nec feugiat in. Cras fermentum odio eu feugiat pretium. Justo eget magna fermentum iaculis eu non diam phasellus vestibulum. Rutrum quisque non tellus orci ac auctor augue.
Cras tincidunt lobortis feugiat vivamus at augue. Mattis molestie a iaculis at erat. Sed risus pretium quam vulputate dignissim suspendisse in. Adipiscing tristique risus nec feugiat. Platea dictumst quisque sagittis purus sit amet volutpat consequat mauris. Tempus urna et pharetra pharetra massa massa ultricies mi. Eget nunc scelerisque viverra mauris. Duis ut diam quam nulla porttitor massa id neque. Ut aliquam purus sit amet luctus venenatis. Magnis dis parturient montes nascetur ridiculus. Mauris vitae ultricies leo integer malesuada nunc vel. Sagittis eu volutpat odio facilisis mauris sit amet massa vitae. In fermentum posuere urna nec tincidunt praesent. Nibh mauris cursus mattis molestie a iaculis. Tortor consequat id porta nibh venenatis. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Enim diam vulputate ut pharetra sit amet.
<!--
textarea name, dynamically created by the plugin
data-textarea-name="myeditor"
-->
<div class="quill-editor"
data-ajax-url="_ajax/demo.summernote.php"
data-ajax-params="['action','upload']['param2','value2']"
data-textarea-name="myeditor"
data-quill-config='{
"modules": {
"toolbar": [
[{ "header": [2, 3, 4, 5, 6, false] }],
["bold", "italic", "underline", "strike"],
[{ "color": [] }, { "background": [] }],
[{ "script": "super" }, { "script": "sub" }],
["blockquote"],
[{ "list": "ordered" }, { "list": "bullet"}, { "indent": "-1" }, { "indent": "+1" }],
[{ "align": [] }],
["link", "image", "video"],
["clean", "code-block"]
]
},
"placeholder": "Type here..."
}'>
<p>HTML Content Here...</p>
</div>