TinyMCE sticky toolbar fix icons

This commit is contained in:
Fred Tempez 2023-02-16 16:03:14 +01:00
parent 2646805a77
commit 0a937cdcae
1 changed files with 18 additions and 74 deletions

View File

@ -10,18 +10,7 @@
if (typeof (privateKey) == 'undefined') {
var privateKey = null;
};
const langInstalled = ['de', 'es', 'fr_FR', 'it', 'pt_BR'];
var l = getCookie('ZWII_UI');
var language;
switch (l) {
case null :
language = "fr_FR";
break;
case "en_EN":
break;
case langInstalled.includes(lang):
language = lang;
}
tinymce.init({
// Classe où appliquer l'éditeur
selector: ".editorWysiwyg",
@ -38,9 +27,20 @@ tinymce.init({
});
},
// Langue
language: language,
language: getCookie('ZWII_UI') === null ? "fr_FR" : getCookie('ZWII_UI'),
// Plugins
plugins: "advlist anchor autolink autoresize autosave codemirror contextmenu colorpicker fullscreen hr image imagetools link lists media paste searchreplace tabfocus table template textcolor visualblocks nonbreaking emoticons charmap",
// Contenu du menu
menu: {
file: { title: 'File', items: 'newdocument restoredraft | preview | export print | deleteallconversations' },
edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall | searchreplace' },
view: { title: 'View', items: 'code | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments' },
insert: { title: 'Insert', items: 'image link media addcomment pageembed template codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor tableofcontents | insertdatetime' },
//format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript codeformat | styles blocks fontfamily fontsize align lineheight | forecolor backcolor | removeformat' },
tools: { title: 'Tools', items: 'spellchecker spellcheckerlanguage | a11ycheck code wordcount' },
table: { title: 'Table', items: 'inserttable | cell row column | advtablesort | tableprops deletetable' },
help: { title: 'Help', items: 'help' }
},
// Contenu de la barre d'outils
toolbar: "bold italic underline strikethrough formatgroup | h1 h2 h3 paragraphgroup | link image insertgroup| visualblocks code fullscreen",
toolbar_groups: {
@ -60,6 +60,7 @@ tinymce.init({
items: 'emoticons charmap hr table template'
}
},
toolbar_sticky: true,
fontsize_formats:
"8pt 9pt 10pt 11pt 12pt 14pt 18pt 24pt 30pt 36pt 48pt 60pt 72pt 96pt",
theme: "silver",
@ -124,7 +125,7 @@ tinymce.init({
// URL menu contextuel
link_context_toolbar: true,
// Cache la barre de statut
statusbar: false,
statusbar: true,
// Coller images blob
paste_data_images: true,
/* Eviter BLOB à tester
@ -146,7 +147,7 @@ tinymce.init({
// Urls absolues
relative_urls: true,
// Conversion des URLs
convert_urls : false,
convert_urls: false,
// Url de base
document_base_url: baseUrl,
// Gestionnaire de fichiers
@ -167,17 +168,6 @@ tinymce.init({
{ 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" },
@ -185,14 +175,6 @@ tinymce.init({
{ 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
@ -299,7 +281,7 @@ tinymce.init({
});
},
// Langue
language: language,
language: getCookie('ZWII_UI') === null ? "fr_FR" : getCookie('ZWII_UI'),
// Plugins
plugins: "advlist anchor autolink autoresize autosave colorpicker contextmenu hr lists paste searchreplace tabfocus template textcolor",
// Contenu de la barre d'outils
@ -336,48 +318,10 @@ tinymce.init({
// Urls absolues
relative_urls: true,
// Conversion des URLs
convert_urls : false,
convert_urls: false,
// Url de base
document_base_url: baseUrl,
max_height: 200,
// 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" }
]
}
]
});