Add project files.
This commit is contained in:
21
Content/Panel/js/pages/crud/forms/editors/bootstrap-markdown.js
vendored
Normal file
21
Content/Panel/js/pages/crud/forms/editors/bootstrap-markdown.js
vendored
Normal file
@ -0,0 +1,21 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapMarkdown = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapMarkdown.init();
|
||||
});
|
||||
@ -0,0 +1,64 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTCkeditorBalloonBlock = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-1' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-2' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-3' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-4' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-5' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTCkeditorBalloonBlock.init();
|
||||
});
|
||||
@ -0,0 +1,64 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTCkeditorBalloon = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-1' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-2' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-3' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-4' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-5' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTCkeditorBalloon.init();
|
||||
});
|
||||
@ -0,0 +1,64 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTCkeditor = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
ClassicEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-1' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
ClassicEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-2' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
ClassicEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-3' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
ClassicEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-4' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
ClassicEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-5' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTCkeditor.init();
|
||||
});
|
||||
@ -0,0 +1,52 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTCkeditorDocument = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
DecoupledEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-1' ) )
|
||||
.then( editor => {
|
||||
const toolbarContainer = document.querySelector( '#kt-ckeditor-1-toolbar' );
|
||||
|
||||
toolbarContainer.appendChild( editor.ui.view.toolbar.element );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
DecoupledEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-2' ) )
|
||||
.then( editor => {
|
||||
const toolbarContainer = document.querySelector( '#kt-ckeditor-2-toolbar' );
|
||||
|
||||
toolbarContainer.appendChild( editor.ui.view.toolbar.element );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
DecoupledEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-3' ) )
|
||||
.then( editor => {
|
||||
const toolbarContainer = document.querySelector( '#kt-ckeditor-3-toolbar' );
|
||||
|
||||
toolbarContainer.appendChild( editor.ui.view.toolbar.element );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTCkeditorDocument.init();
|
||||
});
|
||||
64
Content/Panel/js/pages/crud/forms/editors/ckeditor-inline.js
Normal file
64
Content/Panel/js/pages/crud/forms/editors/ckeditor-inline.js
Normal file
@ -0,0 +1,64 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTCkeditorInline = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
InlineEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-1' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
InlineEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-2' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
InlineEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-3' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
InlineEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-4' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
InlineEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-5' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTCkeditorInline.init();
|
||||
});
|
||||
75
Content/Panel/js/pages/crud/forms/editors/quill.js
Normal file
75
Content/Panel/js/pages/crud/forms/editors/quill.js
Normal file
@ -0,0 +1,75 @@
|
||||
// Class definition
|
||||
var KTQuilDemos = function() {
|
||||
|
||||
// Private functions
|
||||
var demo1 = function() {
|
||||
var quill = new Quill('#kt_quil_1', {
|
||||
modules: {
|
||||
toolbar: [
|
||||
[{
|
||||
header: [1, 2, false]
|
||||
}],
|
||||
['bold', 'italic', 'underline'],
|
||||
['image', 'code-block']
|
||||
]
|
||||
},
|
||||
placeholder: 'Type your text here...',
|
||||
theme: 'snow' // or 'bubble'
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function() {
|
||||
var Delta = Quill.import('delta');
|
||||
var quill = new Quill('#kt_quil_2', {
|
||||
modules: {
|
||||
toolbar: true
|
||||
},
|
||||
placeholder: 'Type your text here...',
|
||||
theme: 'snow'
|
||||
});
|
||||
|
||||
// Store accumulated changes
|
||||
var change = new Delta();
|
||||
quill.on('text-change', function(delta) {
|
||||
change = change.compose(delta);
|
||||
});
|
||||
|
||||
// Save periodically
|
||||
setInterval(function() {
|
||||
if (change.length() > 0) {
|
||||
console.log('Saving changes', change);
|
||||
/*
|
||||
Send partial changes
|
||||
$.post('/your-endpoint', {
|
||||
partial: JSON.stringify(change)
|
||||
});
|
||||
|
||||
Send entire document
|
||||
$.post('/your-endpoint', {
|
||||
doc: JSON.stringify(quill.getContents())
|
||||
});
|
||||
*/
|
||||
change = new Delta();
|
||||
}
|
||||
}, 5 * 1000);
|
||||
|
||||
// Check for unsaved data
|
||||
window.onbeforeunload = function() {
|
||||
if (change.length() > 0) {
|
||||
return 'There are unsaved changes. Are you sure you want to leave?';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTQuilDemos.init();
|
||||
});
|
||||
24
Content/Panel/js/pages/crud/forms/editors/summernote.js
Normal file
24
Content/Panel/js/pages/crud/forms/editors/summernote.js
Normal file
@ -0,0 +1,24 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTSummernoteDemo = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
$('.summernote').summernote({
|
||||
height: 400,
|
||||
tabsize: 2
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTSummernoteDemo.init();
|
||||
});
|
||||
45
Content/Panel/js/pages/crud/forms/editors/tinymce.js
Normal file
45
Content/Panel/js/pages/crud/forms/editors/tinymce.js
Normal file
@ -0,0 +1,45 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTTinymce = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
|
||||
tinymce.init({
|
||||
selector: '#kt-tinymce-1',
|
||||
toolbar: false,
|
||||
statusbar: false
|
||||
});
|
||||
|
||||
tinymce.init({
|
||||
selector: '#kt-tinymce-2'
|
||||
});
|
||||
|
||||
tinymce.init({
|
||||
selector: '#kt-tinymce-3',
|
||||
toolbar: 'advlist | autolink | link image | lists charmap | print preview',
|
||||
plugins : 'advlist autolink link image lists charmap print preview'
|
||||
});
|
||||
|
||||
tinymce.init({
|
||||
selector: '#kt-tinymce-4',
|
||||
menubar: false,
|
||||
toolbar: ['styleselect fontselect fontsizeselect',
|
||||
'undo redo | cut copy paste | bold italic | link image | alignleft aligncenter alignright alignjustify',
|
||||
'bullist numlist | outdent indent | blockquote subscript superscript | advlist | autolink | lists charmap | print preview | code'],
|
||||
plugins : 'advlist autolink link image lists charmap print preview code'
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTTinymce.init();
|
||||
});
|
||||
Reference in New Issue
Block a user