Toutes les clefs pour réussir dans le e-commerce

Mes modules Prestashop

Rajouter les options manquantes de l’éditeur de texte sous prestashop 1.6

Depuis la version 1.6 l’éditeur de texte Tinymce (utilisé pour la description des produits par exemple) a été grandement (trop) simplifié. Résultat, il manque beaucoup de fonctionnalités pourtant très utiles, voici comment les rétablir.

Repérez le fichier suivant “js/tinymce.inc.js”, (parfois dans admin/js/) vers la ligne 15 vous allez trouver ce code:


plugins : "colorpicker link image paste pagebreak table contextmenu filemanager table code media autoresize textcolor",
		toolbar1 : "code,|,bold,italic,underline,strikethrough,|,alignleft,aligncenter,alignright,alignfull,formatselect,|,blockquote,colorpicker,pasteword,|,bullist,numlist,|,outdent,indent,|,link,unlink,|,cleanup,|,media,image",
		toolbar2: "",

Remplacez-le par:


        plugins : "visualblocks, preview searchreplace print insertdatetime, hr charmap colorpicker anchor code link image paste pagebreak table contextmenu filemanager table code media autoresize textcolor emoticons",
        toolbar2 : "newdocument,print,|,bold,italic,underline,|,strikethrough,superscript,subscript,|,forecolor,colorpicker,backcolor,|,bullist,numlist,outdent,indent",
        toolbar1 : "styleselect,|,formatselect,|,fontselect,|,fontsizeselect,", 
        toolbar3 : "code,|,table,|,cut,copy,paste,searchreplace,|,blockquote,|,undo,redo,|,link,unlink,anchor,|,image,emoticons,media,|,inserttime,|,preview ",
        toolbar4 : "visualblocks,|,charmap,|,hr,|,alignleft,aligncenter,alignright,alignfull,formatselect,",

Voila, désormais vous allez retrouver un éditeur de texte bien plus complet.

/*** edit 15/04/15 ***/
J’ai rajouté les options d’alignement dans le code. Merci Farid !

Si quelqu’un sait comment récupérer le visuel des icônes “visualblocks”, “charmap”, et “hr” n’hésitez pas à le partager dans les commentaires.

Poster un Commentaire

9 Commentaires sur "Rajouter les options manquantes de l’éditeur de texte sous prestashop 1.6"

Recevoir un email pour
avatar
Trier par:   plus récent | plus vieux | Plus de vote
Lombardo
Invité

Bonjour, votre tuto est très intéressant, mais je n arrive pas à le faire, après avec coller votre nouveau code, cela se réinitialise, et le nouveau code disparaît.
Si vous pouvez m’aider, cela m’arrangerai car je suis en train de m’arracher les yeux avec cela..
Cordialement Lombardo Maxime

Farid
Invité
Farid

Hello,

Merci pour l’astuce !

Par contre vous avez juste oublié les options d’alignements, du coup après “toolbar4 :” j’ai mis ceci et c’est tout bon :

“visualblocks,|,charmap,|,hr,|,alignleft,aligncenter,alignright,alignfull,formatselect,”,

:)

Jean-Pierre
Invité

Un grand merci pour cet article car il m’a permis de retrouver un éditeur de texte ‘digne’ de ce nom !!

JP

Abdel
Invité
Abdel

Bonsoir,

Dans le fichier JS je n’ai pas le fichier TinyMCE.inc, j’ai uniquement un dossier appelé Tiny_MCE/tinymce.min.js

Ai-je mal cherché?

Cordialement,

CANTIN Philippe
Invité
CANTIN Philippe

bonjour,
Manip Ok , j’ai bien retrouvé toutes ces nouvelles fonctionalités sur mon editeur.
Merci
J’ai téléchargé un pack lang FR pour l’éditeur et je l’ai déposé dans Lang sous TinyMCE…
mais pas d epassage en francais…
Que doit on aller modifier dans tinyMCE.js ? ou ailleurs?
merci d’avance
Cordialement
Ph CANTIN

Françosi
Invité
Françosi

Que se passe-t-il en cas de mise à jour de prestashop ?
Est-il possible de réaliser cette modification en override ?

wpDiscuz