[1.4.x] Insertion d'icone dans la toolbar des messages

[plop13011]

J'ai trouvé sur ce topic la réponse sur comment faire mais je ne trouve pas le tutoriel de Xavatar très clair c'est pour cela que je fait ce tutoriel. Voir ici pour le Mycode qui va avec ce tutoriel.

Résultat :


Fichier à modifier :
inc/functions.php
inc/languages/french/global.lang.php et/ou inc/languages/english/global.lang.php
jscripts/editor.js
jscripts/editor_themes/*theme*/stylesheet.css

Ouvrir inc/functions.php :

Code :

TROUVER: -------------------

                 "editor_title_close_tags",


AJOUTER APRES: -------------------

                  "editor_title_youtube",

Ouvrir inc/languages/french/global.lang.php et/ou inc/languages/english/global.lang.php :

Code :

TROUVER: ---------------------

$l['editor_title_close_tags'] = "Fermer les balises MyCode que vous avez éventuellement ouvertes";

OU (suivant la langue anglais ou français)

$l['editor_title_close_tags'] = "Close any open MyCode tags that you currently have open";


AJOUTER APRES: -------------------

$l['editor_title_youtube'] = "Insérer une vidéo youtube";

OU (suivant la langue anglais ou français)

$l['editor_title_youtube'] = "Insert youtube movie";

Ouvrir jscripts/editor.js :
Ici plusieurs possibilité s'offre a vous suivant où vous voulez mettre l'icône, là nous n'allons pas crée une nouvelle barre avec un séparateur mais juste ajouté notre icône a coté de celle du PHP.
Le

Code :

insert: 'youtube'

est ce qui va apparaitre entre les crochet

Code :

[youtube][/youtube]

Le

Code :

extra: '800x600'

est optionnelle suivant le Mycode car se sera ce qui va apparaitre par défaut après un égale (si le extra est la le "=" est ajouté automatiquement)

Code :

[youtube=800x600][/youtube]

Code :

TROUVER: ---------------------

{type: 'button', name: 'php', sprite: 'php', insert: 'php', title: this.options.lang.title_php}


REMPLACÉ PAR: -------------------

{type: 'button', name: 'php', sprite: 'php', insert: 'php', title: this.options.lang.title_php},

AJOUTER APRES: -------------------

{type: 'button', name: 'youtube', sprite: 'youtube', insert: 'youtube', extra: '800x600', title: this.options.lang.title_youtube}

Ouvrir jscripts/editor_themes/*theme*/stylesheet.css :

Code :

AJOUTER A LA FIN DU FICHIER: -------------------

.messageEditor .toolbar_button .toolbar_sprite_youtube {
    background: url(images/Youtube.png) no-repeat;
}

Pour l'icône a la bonne taille (20x20) de youtube vous pouvez la prendre ici et ajouté l'icône dans le dossier images du *theme*

Voila merci d'avoir lu ce tutoriel en espérant que cela vous ai aidé