91 lines
2.3 KiB
JavaScript
91 lines
2.3 KiB
JavaScript
/*=========================================================================================
|
|
File Name: editor-quill.js
|
|
Description: Quill is a modern rich text editor built for compatibility and extensibility.
|
|
----------------------------------------------------------------------------------------
|
|
Item Name: Vuesax HTML Admin Template
|
|
Version: 1.1
|
|
Author: GeeksLabs
|
|
Author URL: http://www.themeforest.net/user/geekslabs
|
|
==========================================================================================*/
|
|
(function (window, document, $) {
|
|
'use strict';
|
|
|
|
var Font = Quill.import('formats/font');
|
|
Font.whitelist = ['sofia', 'slabo', 'roboto', 'inconsolata', 'ubuntu'];
|
|
Quill.register(Font, true);
|
|
|
|
// Bubble Editor
|
|
|
|
var bubbleEditor = new Quill('#bubble-container .editor', {
|
|
bounds: '#bubble-container .editor',
|
|
modules: {
|
|
'formula': true,
|
|
'syntax': true
|
|
},
|
|
theme: 'bubble'
|
|
});
|
|
|
|
// Snow Editor
|
|
|
|
var snowEditor = new Quill('#snow-container .editor', {
|
|
bounds: '#snow-container .editor',
|
|
modules: {
|
|
'formula': true,
|
|
'syntax': true,
|
|
'toolbar': '#snow-container .quill-toolbar'
|
|
},
|
|
theme: 'snow'
|
|
});
|
|
|
|
// Full Editor
|
|
|
|
var fullEditor = new Quill('#full-container .editor', {
|
|
bounds: '#full-container .editor',
|
|
modules: {
|
|
'formula': true,
|
|
'syntax': true,
|
|
'toolbar': [
|
|
[{
|
|
'font': []
|
|
}, {
|
|
'size': []
|
|
}],
|
|
['bold', 'italic', 'underline', 'strike'],
|
|
[{
|
|
'color': []
|
|
}, {
|
|
'background': []
|
|
}],
|
|
[{
|
|
'script': 'super'
|
|
}, {
|
|
'script': 'sub'
|
|
}],
|
|
[{
|
|
'header': '1'
|
|
}, {
|
|
'header': '2'
|
|
}, 'blockquote', 'code-block'],
|
|
[{
|
|
'list': 'ordered'
|
|
}, {
|
|
'list': 'bullet'
|
|
}, {
|
|
'indent': '-1'
|
|
}, {
|
|
'indent': '+1'
|
|
}],
|
|
['direction', {
|
|
'align': []
|
|
}],
|
|
['link', 'image', 'video', 'formula'],
|
|
['clean']
|
|
],
|
|
},
|
|
theme: 'snow'
|
|
});
|
|
|
|
var editors = [bubbleEditor, snowEditor, fullEditor];
|
|
|
|
})(window, document, jQuery);
|