TinyMCE est laid!
J'ai travaillé sur une meilleure interface utilisateur pour TinyMCE, inspirée de la nouvelle interface de WordPress. Le but est de rendre TinyMCE plus facile à utiliser et à lire pour les blogueurs et les rédacteurs. TinyMCE est laid, mais Dieu merci, il laisse quelques options pour le styliser, ce qui permet d'obtenir quelque chose comme ceci :
[Capture d'écran affichée à l'origine ici.]
Comment l'utiliser?
J'ai joint deux fichiers CSS. Le premier, theme.css, contient du code à placer dans la feuille de style du thème; par exemple, si le thème est Garland, ajoutez les règles CSS à :
/themes/garland/style.css
L'autre, tinymce.css, est le fichier que TinyMCE doit utiliser dans la configuration du module (section CSS des réglages de TinyMCE). Ce fichier doit être copié dans le dossier css ou le dossier du thème, puis indiqué dans la page de configuration de TinyMCE. Par exemple, si le fichier se trouve dans /themes/garland/css/, allez à :
admin/settings/tinymce/
et modifiez le profil qui doit utiliser le nouveau style. Dans la section CSS, remplacez « Editor CSS: » par « Define Css », puis ajoutez « /themes/garland/css/tinymce.css » dans le champ « CSS path ».
De plus, une image est utilisée pour les boutons; elle doit être placée dans le dossier d'images du thème. (Voir le fichier theme.css pour modifier cela.)
De nouveaux émoticônes
Également en pièce jointe : un ensemble d'émoticônes que j'ai conçu et qui peut être utilisé avec TinyMCE. Conçu au départ pour remplacer les émoticônes fournis avec le module Smileys, je trouvais un peu étrange que les émoticônes soient offerts pour les commentaires, mais pas pour le blogueur qui utilise TinyMCE... alors j'ai tout simplement remplacé les émoticônes de TinyMCE par les miens, et ça fonctionne très bien! Cet ensemble d'émoticônes devrait faire partie de la prochaine version du module Smileys, qui sortira bientôt, et je crois que le responsable de ce module travaille à une meilleure intégration avec TinyMCE.
Note : pour utiliser les émoticônes, la balise img doit être ajoutée dans les réglages du filtre utilisé par l'éditeur. Ce dossier doit remplacer le dossier « emotions » dans :
sites/all/tinymce/tinymce/jscripts/tiny_mce/plugins/
ou
modules/tinymce/tinymce/jscripts/tiny_mce/plugins/
Pièces jointes :
- butt2.png (545 octets)
- emotions.zip (50,31 Ko)
- css-files.zip (1,57 Ko)