TinyMCE deux barres d'outils

core/vendor/tinymce/init.js

@@ -31,25 +31,39 @@ tinymce.init({
 	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: {
-		edit: {title: 'Edit', items: 'undo redo | selectall searchreplace | cut copy paste pastetext | style'},
+		edit: {
-		insert: {title: 'Insert', items: 'template | nonbreaking hr charmap anchor | abbr insertdatetime '},
+			title: 'Edit',
-		format: {title: 'Format', items: 'underline strikethrough superscript subscript | forecolor backcolor | formats | removeformat'},
+			items: 'undo redo | selectall searchreplace | cut copy paste pastetext | style'
-		table: {title: 'Table', items: 'inserttable tableprops deletetable | cell row column'},
+		},
-		
+		insert: {
+			title: 'Insert',
+			items: 'template | nonbreaking hr charmap anchor | abbr insertdatetime '
+		},
+		format: {
+			title: 'Format',
+			items: 'underline strikethrough superscript subscript |  forecolor backcolor | formats | removeformat'
+		},
+		table: {
+			title: 'Table',
+			items: 'inserttable tableprops deletetable | cell row column'
+		},
 	},
 	// Contenu de la barre d'outils
-	toolbar: "ndo redo | bold italic strikethrough | h1 h2 h3 | alignleft aligncenter alignright alignjustify | link | bullist numlist | image media | fullscreen",
+    toolbar: [
+        "fontselect fontsizeselect formatselect | bold italic strikethrough forecolor backcolor",
+        "link image ImgPen media | alignleft aligncenter alignright alignjustify | " +
+        "numlist bullist | outdent indent removeformat"
+    ],
 	toolbar_sticky: true,
-	fontsize_formats:
+	fontsize_formats: "8pt 9pt 10pt 11pt 12pt 14pt 18pt 24pt 30pt 36pt 48pt 60pt 72pt 96pt",
-		"8pt 9pt 10pt 11pt 12pt 14pt 18pt 24pt 30pt 36pt 48pt 60pt 72pt 96pt",
 	theme: "silver",
 	max_height: 600,
 	// CodeMirror
 	codemirror: {
 		indentOnInit: true, // Whether or not to indent code on init.
 		path: 'codemirror', // Path to CodeMirror distribution
-		saveCursorPosition: false,    // Insert caret marker
+		saveCursorPosition: false, // Insert caret marker
-		config: {           // CodeMirror config object
+		config: { // CodeMirror config object
 			fullscreen: true,
 			/*mode: 'application/x-httpd-php',*/
 			lineNumbers: true,
@@ -70,26 +84,39 @@ tinymce.init({
 		cssFiles: [
 			'theme/cobalt.css',
 		],*/
-		width: 800,         // Default value is 800
+		width: 800, // Default value is 800
-		height: 500       // Default value is 550
+		height: 500 // Default value is 550
 	},
 	// Cibles de la target
-	target_list: [
+	target_list: [{
-		{ title: 'None', value: '' },
+			title: 'None',
-		{ title: 'Nouvel onglet', value: '_blank' }
+			value: ''
+		},
+		{
+			title: 'Nouvel onglet',
+			value: '_blank'
+		}
 	],
 	// Target pour lightbox
-	rel_list: [
+	rel_list: [{
-		{ title: 'None', value: '' },
+			title: 'None',
-		{ title: 'Une popup (Lity)', value: 'data-lity' },
+			value: ''
-		{ title: 'Une galerie d\'images (SimpleLightbox)', value: 'gallery' }
+		},
+		{
+			title: 'Une popup (Lity)',
+			value: 'data-lity'
+		},
+		{
+			title: 'Une galerie d\'images (SimpleLightbox)',
+			value: 'gallery'
+		}
 	],
 	// Titre des image
 	image_title: true,
 	// Pages internes
 	link_list: baseUrl + "core/vendor/tinymce/links.php",
 	// Contenu du menu contextuel
-	contextmenu: "exelink | inserttable | cell row column deletetable",
+	contextmenu: "inserttable cell row column deletetable",
 	// Fichiers CSS à intégrer à l'éditeur
 	content_css: [
 		baseUrl + "core/layout/common.css",
@@ -138,29 +165,57 @@ tinymce.init({
 	// Contenu du bouton insérer
 	insert_button_items: "anchor hr table",
 	// Contenu du bouton formats
-	style_formats: [
+	style_formats: [{
-		{
+			title: "Headers",
-			title: "Headers", items: [
+			items: [{
-				{ title: "Header 1", format: "h1" },
+					title: "Header 1",
-				{ title: "Header 2", format: "h2" },
+					format: "h1"
-				{ title: "Header 3", format: "h3" },
+				},
-				{ title: "Header 4", format: "h4" },
+				{
-				{ title: "Header 5", format: "h5" },
+					title: "Header 2",
-				{ title: "Header 6", format: "h6" }
+					format: "h2"
+				},
+				{
+					title: "Header 3",
+					format: "h3"
+				},
+				{
+					title: "Header 4",
+					format: "h4"
+				},
+				{
+					title: "Header 5",
+					format: "h5"
+				},
+				{
+					title: "Header 6",
+					format: "h6"
+				}
 			]
 		},
 		{
-			title: "Blocks", items: [
+			title: "Blocks",
-				{ title: "Paragraph", format: "p" },
+			items: [{
-				{ title: "Citation", format: "blockquote" },
+					title: "Paragraph",
-				{ title: "Div", format: "div" },
+					format: "p"
-				{ title: "Pre", format: "pre" }
+				},
-			]
+				{
+					title: "Citation",
+					format: "blockquote"
+				},
+				{
+					title: "Div",
+					format: "div"
+				},
+				{
+					title: "Pre",
+					format: "pre"
+				}
+			],
 		}
 	],
 	// Templates
-	templates: [
+	templates: [{
-		{
 			title: "Bloc de texte",
 			url: baseUrl + "core/vendor/tinymce/templates/block.html",
 			description: "Bloc de texte avec un titre."
@@ -225,7 +280,9 @@ tinymce.init({
 		var id_alarm = "#blogArticleContentAlarm"
 		var contentLength = 0;
 		ed.on("keydown", function (e) {
-			contentLength = ed.getContent({ format: 'text' }).length;
+			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) {
@@ -233,19 +290,19 @@ tinymce.init({
 					e.stopPropagation();
 					return false;
 				}
-			}
+			} else {
-			else {
 				if (maxlength - contentLength < alarmCaraMin) {
 					$(id_alarm).html((maxlength - contentLength) + " caractères restants");
-				}
+				} else {
-				else {
 					$(id_alarm).html(" ");
 				}
 			}
 		});
 		// Limitation y compris lors d'un copier/coller
 		ed.on("paste", function (e) {
-			contentLeng = ed.getContent({ format: 'text' }).length - 16;
+			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 ! ");
@@ -253,8 +310,7 @@ tinymce.init({
 			} else {
 				if (maxlength - contentLeng < alarmCaraMin) {
 					$(id_alarm).html((maxlength - contentLeng - data.length) + " caractères restants");
-				}
+				} else {
-				else {
 					$(id_alarm).html(" ");
 				}
 				return true;