ZwiiCMS/core/vendor/tinymce/init.js

446 lines
14 KiB
JavaScript
Raw Normal View History

2018-04-02 08:29:19 +02:00
/**
2018-04-02 08:29:19 +02:00
* Initialisation de TinyMCE
2018-04-02 08:29:19 +02:00
*/
/**
* Quand tinyMCE est invoqué hors connexion, initialiser privateKey
*/
if ( typeof(privateKey) == 'undefined') {
var privateKey = null;
};
2018-04-02 08:29:19 +02:00
tinymce.init({
// Classe où appliquer l'éditeur
selector: ".editorWysiwyg",
// Aperçu dans le pied de page
setup:function(ed) {
ed.on('change', function(e) {
if (ed.id === 'themeFooterText') {
$("#footerText").html(tinyMCE.get('themeFooterText').getContent());
}
if (ed.id === 'themeHeaderText') {
$("#featureContent").html(tinyMCE.get('themeHeaderText').getContent());
}
});
},
2018-04-02 08:29:19 +02:00
// Langue
language: "fr_FR",
// Plugins
2022-04-08 10:57:33 +02:00
plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker fullscreen hr image imagetools link lists media paste searchreplace stickytoolbar tabfocus table template textcolor visualblocks nonbreaking emoticons charmap",
2018-04-02 08:29:19 +02:00
// Contenu de la barre d'outils
2022-04-08 10:57:33 +02:00
toolbar: "formatgroup paragraphgroup insertgroup | visualblocks fullscreen code",
toolbar_groups: {
formatgroup: {
icon: 'format',
tooltip: 'Format du texte',
items: 'bold italic underline strikethrough | forecolor backcolor | superscript subscript | removeformat'
},
paragraphgroup: {
icon: 'paragraph',
tooltip: 'Format des paragraphes',
items: 'h1 h2 h3 | bullist numlist | alignleft aligncenter alignright | indent outdent'
},
insertgroup: {
icon: 'plus',
tooltip: 'Insérer',
items: 'link image emoticons charmap hr table template'
}
},
fontsize_formats:
"8pt 9pt 10pt 11pt 12pt 14pt 18pt 24pt 30pt 36pt 48pt 60pt 72pt 96pt",
2022-03-27 19:06:00 +02:00
theme: "silver",
max_height: 500,
contextmenu: false,
2019-01-22 21:09:09 +01:00
// CodeMirror
codemirror: {
indentOnInit: true, // Whether or not to indent code on init.
path: 'codemirror', // Path to CodeMirror distribution
2020-03-14 10:11:51 +01:00
saveCursorPosition: false, // Insert caret marker
2019-01-22 21:09:09 +01:00
config: { // CodeMirror config object
2020-06-12 17:15:55 +02:00
fullscreen: true,
2020-03-14 19:12:11 +01:00
/*mode: 'application/x-httpd-php',*/
2020-03-14 10:11:51 +01:00
indentUnit: 4,
lineNumbers: true,
mode: "htmlmixed",
2020-03-14 19:12:11 +01:00
},
2020-03-14 10:11:51 +01:00
jsFiles: [
'mode/php/php.js',
'mode/css/css.js',
'mode/htmlmixed/htmlmixed.js',
'mode/htmlembedded/htmlembedded.js',
'mode/javascript/javascript.js',
'mode/xml/xml.js',
'addon/search/searchcursor.js',
'addon/search/search.js',
],
2022-04-08 10:57:33 +02:00
/*
2020-03-14 10:11:51 +01:00
cssFiles: [
2022-04-08 10:57:33 +02:00
'theme/cobalt.css',
],*/
width: 800, // Default value is 800
2020-06-12 17:15:55 +02:00
height: 500 // Default value is 550
},
// Cibles de la target
target_list: [
{title: 'None', value: ''},
{title: 'Nouvel onglet', value: '_blank'}
],
// Target pour lightbox
rel_list: [
{title: 'None', value: ''},
{title: 'Une popup (Lity)', value: 'data-lity'},
{title: 'Une galerie d\'images (SimpleLightbox)', value: 'gallery'}
2020-06-12 17:15:55 +02:00
],
2019-03-21 10:38:44 +01:00
// Titre des image
image_title: true,
// Pages internes
link_list: baseUrl + "core/vendor/tinymce/links.php",
2018-04-02 08:29:19 +02:00
// Contenu du menu contextuel
2020-08-26 19:58:38 +02:00
contextmenu: "selectall searchreplace | hr | media image link anchor nonbreaking | insertable cell row column deletetable",
2018-04-02 08:29:19 +02:00
// Fichiers CSS à intégrer à l'éditeur
content_css: [
baseUrl + "core/layout/common.css",
baseUrl + "core/vendor/tinymce/content.css",
baseUrl + "site/data/theme.css",
baseUrl + "site/data/custom.css"
],
// Classe à ajouter à la balise body dans l'iframe
2018-04-02 08:29:19 +02:00
body_class: "editorWysiwyg",
// Cache les menus
2020-03-15 08:44:46 +01:00
menubar: true,
2018-04-04 21:51:33 +02:00
// URL menu contextuel
2020-06-12 17:15:55 +02:00
link_context_toolbar: true,
2018-04-02 08:29:19 +02:00
// Cache la barre de statut
statusbar: false,
// Coller images blob
paste_data_images: true,
2020-06-10 12:21:42 +02:00
/* Eviter BLOB à tester
images_dataimg_filter: function(img) {
return img.hasAttribute('internal-blob');
},*/
2021-01-03 15:12:26 +01:00
// Autoriser tous les éléments
valid_elements : '*[*]',
2019-11-28 14:55:02 +01:00
// Autorise l'ajout de script
2021-01-03 15:12:26 +01:00
extended_valid_elements: "script[language|type|src]",
// Conserver les styles
keep_styles: false,
// Bloque le dimensionnement des médias (car automatiquement en fullsize avec fitvids pour le responsive)
media_dimensions: true,
// Désactiver la dimension des images
image_dimensions: true,
2018-04-02 08:29:19 +02:00
// Active l'onglet avancé lors de l'ajout d'une image
image_advtab: true,
// Urls absolues
2022-02-18 12:43:48 +01:00
relative_urls: true,
2018-04-02 08:29:19 +02:00
// Url de base
document_base_url: baseUrl,
// Gestionnaire de fichiers
filemanager_access_key: privateKey,
external_filemanager_path: baseUrl + "core/vendor/filemanager/",
external_plugins: {
"filemanager": baseUrl + "core/vendor/filemanager/plugin.min.js"
},
// Contenu du bouton insérer
2020-03-15 08:44:46 +01:00
insert_button_items: "anchor hr table",
2018-04-02 08:29:19 +02:00
// Contenu du bouton formats
style_formats: [
{title: "Headers", items: [
{title: "Header 1", format: "h1"},
{title: "Header 2", format: "h2"},
{title: "Header 3", format: "h3"},
{title: "Header 4", format: "h4"}
]},
{title: "Inline", items: [
{title: "Bold", icon: "bold", format: "bold"},
{title: "Italic", icon: "italic", format: "italic"},
{title: "Underline", icon: "underline", format: "underline"},
{title: "Strikethrough", icon: "strikethrough", format: "strikethrough"},
{title: "Superscript", icon: "superscript", format: "superscript"},
{title: "Subscript", icon: "subscript", format: "subscript"},
{title: "Code", icon: "code", format: "code"}
]},
{title: "Blocks", items: [
{title: "Paragraph", format: "p"},
{title: "Blockquote", format: "blockquote"},
{title: "Div", format: "div"},
{title: "Pre", format: "pre"}
]},
{title: "Alignment", items: [
{title: "Left", icon: "alignleft", format: "alignleft"},
{title: "Center", icon: "aligncenter", format: "aligncenter"},
{title: "Right", icon: "alignright", format: "alignright"},
{title: "Justify", icon: "alignjustify", format: "alignjustify"}
]}
],
// Templates
templates: [
{
title: "Bloc de texte",
url: baseUrl + "core/vendor/tinymce/templates/block.html",
description: "Bloc de texte avec un titre."
},
2019-11-28 14:55:02 +01:00
{
title: "Effet accordéon",
url: baseUrl + "core/vendor/tinymce/templates/accordion.html",
description: "Bloc de texte avec effet accordéon."
},
2018-04-02 08:29:19 +02:00
{
2019-01-17 19:18:50 +01:00
title: "Grille symétrique : 6 - 6",
2018-04-02 08:29:19 +02:00
url: baseUrl + "core/vendor/tinymce/templates/col6.html",
description: "Grille adaptative sur 12 colonnes, sur mobile elles passent les unes en dessous des autres."
},
{
2019-01-17 19:18:50 +01:00
title: "Grille symétrique : 4 - 4 - 4",
2018-04-02 08:29:19 +02:00
url: baseUrl + "core/vendor/tinymce/templates/col4.html",
description: "Grille adaptative sur 12 colonnes, sur mobile elles passent les unes en dessous des autres."
},
{
2019-01-17 19:18:50 +01:00
title: "Grille symétrique : 3 - 3 - 3 - 3",
2018-04-02 08:29:19 +02:00
url: baseUrl + "core/vendor/tinymce/templates/col3.html",
description: "Grille adaptative sur 12 colonnes, sur mobile elles passent les unes en dessous des autres."
},
{
2019-01-17 19:18:50 +01:00
title: "Grille asymétrique : 4 - 8",
2018-04-02 08:29:19 +02:00
url: baseUrl + "core/vendor/tinymce/templates/col4-8.html",
description: "Grille adaptative sur 12 colonnes, sur mobile elles passent les unes en dessous des autres."
},
{
2019-01-17 19:19:47 +01:00
title: "Grille asymétrique : 8 - 4",
2018-04-02 08:29:19 +02:00
url: baseUrl + "core/vendor/tinymce/templates/col8-4.html",
description: "Grille adaptative sur 12 colonnes, sur mobile elles passent les unes en dessous des autres."
},
{
2019-01-17 19:18:50 +01:00
title: "Grille asymétrique : 2 - 10",
2018-04-02 08:29:19 +02:00
url: baseUrl + "core/vendor/tinymce/templates/col2-10.html",
description: "Grille adaptative sur 12 colonnes, sur mobile elles passent les unes en dessous des autres."
},
{
2019-01-17 19:18:50 +01:00
title: "Grille asymétrique : 10 - 2",
2018-04-02 08:29:19 +02:00
url: baseUrl + "core/vendor/tinymce/templates/col10-2.html",
description: "Grille adaptative sur 12 colonnes, sur mobile elles passent les unes en dessous des autres."
}
]
});
tinymce.init({
// Classe où appliquer l'éditeur
selector: ".editorWysiwygComment",
setup:function(ed) {
// Aperçu dans le pied de page
ed.on('change', function(e) {
if (ed.id === 'themeFooterText') {
$("#footerText").html(tinyMCE.get('themeFooterText').getContent());
}
});
// Limitation du nombre de caractères des commentaires à maxlength
var alarmCaraMin = 200; // alarme sur le nombre de caractères restants à partir de...
var maxlength = parseInt($("#" + (ed.id)).attr("maxlength"));
var id_alarm = "#blogArticleContentAlarm"
var contentLength = 0;
ed.on("keydown", function(e) {
contentLength = ed.getContent({format : 'text'}).length;
if (contentLength > maxlength) {
$(id_alarm).html("Vous avez atteint le maximum de " + maxlength + " caractères ! ");
if(e.keyCode != 8 && e.keyCode != 46){
e.preventDefault();
e.stopPropagation();
return false;
}
}
else{
if(maxlength - contentLength < alarmCaraMin){
$(id_alarm).html((maxlength - contentLength) + " caractères restants");
}
else{
$(id_alarm).html(" ");
}
}
});
// Limitation y compris lors d'un copier/coller
ed.on("paste", function(e){
contentLeng = ed.getContent({format : 'text'}).length - 16;
var data = e.clipboardData.getData('Text');
if (data.length > (maxlength - contentLeng)) {
$(id_alarm).html("Vous alliez dépasser le maximum de " + maxlength + " caractères ! ");
return false;
} else {
if(maxlength - contentLeng < alarmCaraMin){
$(id_alarm).html((maxlength - contentLeng - data.length) + " caractères restants");
}
else{
$(id_alarm).html(" ");
}
return true;
}
});
},
// Langue
language: "fr_FR",
// Plugins
plugins: "advlist anchor autolink autoresize autosave colorpicker contextmenu fullscreen hr lists paste searchreplace stickytoolbar tabfocus template textcolor visualblocks",
// Contenu de la barre d'outils
2022-01-17 10:47:13 +01:00
toolbar: "formatselect bold italic forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | visualblocks fullscreen",
// Titre des images
image_title: true,
// Pages internes
link_list: baseUrl + "core/vendor/tinymce/links.php",
// Contenu du menu contextuel
contextmenu: "cut copy paste pastetext | selectall searchreplace ",
// Fichiers CSS à intégrer à l'éditeur
content_css: [
baseUrl + "core/layout/common.css",
baseUrl + "core/vendor/tinymce/content.css",
baseUrl + "site/data/theme.css",
baseUrl + "site/data/custom.css"
],
// Classe à ajouter à la balise body dans l'iframe
body_class: "editorWysiwyg",
// Cache les menus
menubar: false,
// URL menu contextuel
link_context_toolbar: true,
// Cache la barre de statut
statusbar: false,
// Autorise le copié collé à partir du web
paste_data_images: true,
// Bloque le dimensionnement des médias (car automatiquement en fullsize avec fitvids pour le responsive)
media_dimensions: true,
// Désactiver la dimension des images
image_dimensions: true,
// Active l'onglet avancé lors de l'ajout d'une image
image_advtab: true,
// Urls absolues
2022-02-18 12:43:48 +01:00
relative_urls: true,
// Url de base
document_base_url: baseUrl,
// Contenu du bouton formats
style_formats: [
{title: "Headers", items: [
{title: "Header 1", format: "h1"},
{title: "Header 2", format: "h2"},
{title: "Header 3", format: "h3"},
{title: "Header 4", format: "h4"}
]},
{title: "Inline", items: [
{title: "Bold", icon: "bold", format: "bold"},
{title: "Italic", icon: "italic", format: "italic"},
{title: "Underline", icon: "underline", format: "underline"},
{title: "Strikethrough", icon: "strikethrough", format: "strikethrough"},
{title: "Superscript", icon: "superscript", format: "superscript"},
{title: "Subscript", icon: "subscript", format: "subscript"},
{title: "Code", icon: "code", format: "code"}
]},
{title: "Blocks", items: [
{title: "Paragraph", format: "p"},
{title: "Blockquote", format: "blockquote"},
{title: "Div", format: "div"},
{title: "Pre", format: "pre"}
]},
{title: "Alignment", items: [
{title: "Left", icon: "alignleft", format: "alignleft"},
{title: "Center", icon: "aligncenter", format: "aligncenter"},
{title: "Right", icon: "alignright", format: "alignright"},
{title: "Justify", icon: "alignjustify", format: "alignjustify"}
]}
]
});
tinymce.PluginManager.add('stickytoolbar', function(editor, url) {
editor.on('init', function() {
setSticky();
});
2020-06-12 17:15:55 +02:00
$(window).on('scroll', function() {
setSticky();
});
function setSticky() {
var container = editor.editorContainer;
var toolbars = $(container).find('.mce-toolbar-grp');
var statusbar = $(container).find('.mce-statusbar');
2020-03-22 15:29:15 +01:00
var menubar = $(container).find('.mce-menubar');
2020-06-12 17:15:55 +02:00
if (isSticky()) {
$(container).css({
2020-03-22 15:29:15 +01:00
paddingTop: menubar.outerHeight()
});
2020-06-12 17:15:55 +02:00
if (isAtBottom()) {
toolbars.css({
top: 'auto',
bottom: statusbar.outerHeight(),
position: 'absolute',
width: '100%',
borderBottom: 'none'
2020-06-12 17:15:55 +02:00
});
} else {
2020-03-22 15:29:15 +01:00
menubar.css({
top: 45,
bottom: 'auto',
position: 'fixed',
width: $(container).width(),
borderBottom: '1px solid rgba(0,0,0,0.2)',
background: '#fff'
2020-06-12 17:15:55 +02:00
});
2020-03-22 15:29:15 +01:00
toolbars.css({
top: 78,
bottom: 'auto',
position: 'fixed',
width: $(container).width(),
borderBottom: '1px solid rgba(0,0,0,0.2)'
2020-06-12 17:15:55 +02:00
});
}
} else {
$(container).css({
paddingTop: 0
});
2020-06-12 17:15:55 +02:00
toolbars.css({
top:0,
position: 'relative',
width: 'auto',
borderBottom: 'none'
});
2020-03-22 15:29:15 +01:00
menubar.css({
top:0,
position: 'relative',
width: 'auto',
borderBottom: 'none'
2020-06-12 17:15:55 +02:00
});
}
}
2020-06-12 17:15:55 +02:00
function isSticky() {
var container = editor.editorContainer,
editorTop = container.getBoundingClientRect().top;
2020-06-12 17:15:55 +02:00
if (editorTop < 0) {
return true;
}
2020-06-12 17:15:55 +02:00
return false;
}
2020-06-12 17:15:55 +02:00
function isAtBottom() {
var container = editor.editorContainer,
editorTop = container.getBoundingClientRect().top;
2020-06-12 17:15:55 +02:00
var toolbarHeight = $(container).find('.mce-toolbar-grp').outerHeight();
var footerHeight = $(container).find('.mce-statusbar').outerHeight();
2020-06-12 17:15:55 +02:00
var hiddenHeight = -($(container).outerHeight() - toolbarHeight - footerHeight);
if (editorTop < hiddenHeight) {
return true;
}
2020-06-12 17:15:55 +02:00
return false;
}
2020-10-29 15:44:03 +01:00
});