Ajouter une balise dans la toolbar de plxEditor

EclecticEclectic Member
octobre 2012 modifié dans Entraide
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

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    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.

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • EclecticEclectic Member
    octobre 2012 modifié
    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éphaneStéphane Member, Former PluXml Project Manager
    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

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • 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éphaneStéphane Member, Former PluXml Project Manager
    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

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • EclecticEclectic Member
    octobre 2012 modifié
    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.
Connectez-vous ou Inscrivez-vous pour répondre.