74 lines
2.8 KiB
JavaScript
74 lines
2.8 KiB
JavaScript
const initEditor = function(element) {
|
|
tinymce.init({
|
|
selector: element,
|
|
base_url: '/vendor/tinymce/',
|
|
cache_suffix: '?v=4.1.6',
|
|
plugins: 'print preview importcss searchreplace visualblocks visualchars fullscreen template table charmap hr pagebreak nonbreaking toc insertdatetime advlist lists wordcount textpattern noneditable help charmap quickbars link image code autoresize',
|
|
menubar: 'file edit view insert format tools table tc help',
|
|
toolbar: 'undo redo | bold italic underline strikethrough | link image | fontselect fontsizeselect formatselect | alignleft aligncenter alignright alignjustify | outdent indent | numlist bullist checklist | forecolor backcolor casechange permanentpen formatpainter removeformat | pagebreak | charmap | fullscreen preview',
|
|
importcss_append: true,
|
|
image_caption: true,
|
|
quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote quickimage quicktable',
|
|
noneditable_noneditable_class: "mceNonEditable",
|
|
toolbar_drawer: 'sliding',
|
|
spellchecker_dialog: true,
|
|
tinycomments_mode: 'embedded',
|
|
contextmenu: "link image imagetools table configurepermanentpen",
|
|
convert_urls: false,
|
|
init_instance_callback: function (editor) {
|
|
editor.on('SetContent', () => {
|
|
tinymce.triggerSave(false, true);
|
|
});
|
|
|
|
editor.on('Change', () => {
|
|
tinymce.triggerSave(false, true);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
const initLightEditor = function(element) {
|
|
tinymce.init({
|
|
selector: element,
|
|
base_url: '/vendor/tinymce/',
|
|
cache_suffix: '?v=4.1.6',
|
|
plugins: '',
|
|
menubar: '',
|
|
toolbar: 'undo redo | bold italic underline',
|
|
importcss_append: true,
|
|
image_caption: true,
|
|
quickbars_selection_toolbar: 'bold italic',
|
|
noneditable_noneditable_class: "mceNonEditable",
|
|
toolbar_drawer: 'sliding',
|
|
spellchecker_dialog: true,
|
|
tinycomments_mode: 'embedded',
|
|
contextmenu: "link image imagetools table configurepermanentpen",
|
|
convert_urls: false,
|
|
init_instance_callback: function (editor) {
|
|
editor.on('SetContent', () => {
|
|
tinymce.triggerSave(false, true);
|
|
});
|
|
|
|
editor.on('Change', () => {
|
|
tinymce.triggerSave(false, true);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
module.exports = function() {
|
|
if (typeof tinymce === 'undefined') {
|
|
return;
|
|
}
|
|
|
|
const doInitEditor = function() {
|
|
initEditor('*[data-tinymce]');
|
|
initLightEditor('*[data-tinymce-light]');
|
|
}
|
|
const observer = new MutationObserver(doInitEditor);
|
|
const config = {attributes: false, childList: true, subtree: true};
|
|
|
|
doInitEditor();
|
|
observer.observe(document.querySelector('body'), config);
|
|
};
|