Ajouter une balise dans la toolbar de plxEditor

Eclectic · octobre 2012

Bonjour

J'ai récemment découvert PluXml et me suis décider de faire un petit blog.

M'amusant de temps en temps avec PHP, j'ai bien envie de partager des petits bouts de code. L'idée est donc de rajouter une balise de code et pourquoi pas d'autre balise. Mais je ne sais pas vraiment comment on fait avec PluXml, ne connaissant pas le système.

J'avais trouver une partie de réponse dans ce post :
http://forum.pluxml.org/viewtopic.php?id=1608

Dedans un des répondant propose de rajouter du code à la ligne 445 du fichier class.plx.utils.php
Mais le post est vieux, 2 ans quand même. Et j'imagine que ce bout de code n'a plus sa place à la ligne 445 (tu m'étonne juste dans une méthode de création de miniature d'image).

Voilà, donc je cherche un peu d'aide via ceux qui connaissent déjà bien le code de PluXml pour m'orienter.

Merci d'avance,

Eclectic

Stéphane · octobre 2012

Bonjour
S'agit-il de la plxToolbar ?
Si oui est-ce que tu utilises celle dispo ici http://www.pluxml.org/static7/download#plugins
Dans l'archive il y a des exemples pour créer des boutons persos.

Eclectic · octobre 2012

Non il s'agit de la toolbar de l'éditeur, plxEditor, désolé j'aurais en effet dû préciser.

Je n'arrive pas a faire fonctionner la plxToolbar en même temps que l'éditeur, donc j'en suis rester au plug-in de l'éditeur (je sais pas si c'est possible de les fusionner).

Stéphane · octobre 2012

Edite le fichier plxeditor/plxeditor.js et à la ligne 94

avant

html += '</tr></table>';

ajoute

html += '<td class="button"><img id="'+this.textareaId+'-code" src="'+this.pathimg+'code.gif" width="20" height="20" alt="" title="" onclick="'+this.editor+'.execCommand(\'inserthtml\',\'<code></code>\')" /></td>';

cela demandera un icone pour le bouton à placer dans le dossier plxeditor/images et à nommer code.gif
cette portion de code ajoutera <code></code> quand on clic sur le bouton. mais comme c'est un editeur wysiwyg on ne voit rien. il faut cliquer sur l'icone html pour visualiser le contenu ajouté.
En esperant que ça t'aidera

Eclectic · octobre 2012

Haaa super

Je suis pas super familier avec le Javascript, mais ça fonctionne merci

J'imagine que je peux rajouter plusieurs ligne, avec différentes balises en changeant <code></code> par la balise voulue

Stéphane · octobre 2012

Oui, il faut juste changer
- le nom de l'image: code.gif
- donner un autre id à l'image en remplaçant -code là où il y a: <img id="'+this.textareaId+'-code"
- remplacer <code></code> par ce que tu veux

Eclectic · octobre 2012

Tiens, petite question en plus.

J'aimerais rajouter des paramètres dans ma balise par exemple :

<code style="margin: 5px; padding: 5px; font-family: Verdana; color: white; background-color: black; border-radius: 0px 5px 5px 5px; border: 1px solid green;"></code>

J'ai tenter le coup, mais apparemment ça passe pas, ça doit surement être une histoire d'annuler des guillemets et je ne sais quoi d'autres, non ?

EDIT : Oui oui, je suis tout à fait conscient que cette balise risque d'être très moche, surtout dans un design tout en blanc :P

A mon avis en rajoutant une ligne code {} dans le fichier css du thème actuel ça arrangerait les choses, mais bon, une fois que je change de thème, faudra que je l'édite.

Ajouter une balise dans la toolbar de plxEditor

Réponses