first commit
This commit is contained in:
110
public/js/scripts/forms/form-quill-editor.js
Normal file
110
public/js/scripts/forms/form-quill-editor.js
Normal file
@@ -0,0 +1,110 @@
|
||||
/*=========================================================================================
|
||||
File Name: form-quill-editor.js
|
||||
Description: Quill is a modern rich text editor built for compatibility and extensibility.
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
(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);
|
||||
Reference in New Issue
Block a user