Forms
Editor
A modern rich text editor built for compatibility and extensibility.
Requirements
// Css <link rel="stylesheet" href="css/vendor/quill.bubble.css" /> // Javascript <script src="js/vendor/quill.min.js"></script> <script src="js/vendor/quill.active.js"></script>
Example
Javascript
var bubbleEditor = new Quill('#quillEditorBubble', {
modules: {
toolbar: [
['bold', 'italic', 'underline', 'strike'],
[{ header: [1, 2, 3, 4, 5, 6, false] }],
[{ list: 'ordered' }, { list: 'bullet' }],
[{ align: [] }],
], active: {}
},
theme: 'bubble',
});
Html
<div class="html-editor-bubble sh-19 html-editor" id="quillEditorBubble"></div>
More Examples
You may find more examples in
Interface.Forms.Controls.Editor.html
file which is initialized by js/forms/controls.editor.js.