1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
Modifier l'éditeur de texte
Mots-clés » modifier, éditeur, texte
13-07-2011, 0:19, (Modification du message : 13-07-2011, 4:01 par seechi.)
#4
RE: Modifier l'éditeur de texte
Je vous remercie, en m'inspirant du tuto j'ai pu faire ce que je voulais.

J'utilise MyBB 1.6.3, et ce que je voulais était d'avoir un bouton pour ouvrir un pop-up, guidant vers l'app portable de mon hébergeur.
Ca tombe bien car obligation d'insérer des balises au moment du clic donc j'ai mis les [img].

Pour ceux que ça intéresse, il faut trifouiller jscripts/editor.js à la ligne 209
Code :
this.createToolbar('topformatting', {
            container: 'top',
            items: [
                {type: 'dropdown', name: 'font', insert: 'font', title: this.options.lang.font, options: this.fonts},
                {type: 'dropdown', name: 'size', insert: 'size', title: this.options.lang.size, options: this.sizes},
                {type: 'button', name: 'color', insert: 'color', dropdown: true, color_select: true, image: 'color.gif', draw_option: this.drawColorOption, options: this.colors},
                {type: 'button', name: 'bildberg', insert: 'img'}
            ]
        });

Comme vous le voyez j'ai pour ma part insérer un bouton nommé bildberg, qui donnera lieu à un <span id="editor_item_bildberg"></span> et qui au clic insérera dans le texterea "[img]".

En revanche, pour le reste j'ai triché, afin d'avoir l'icône et ouvrir le pop-up, j'ai rajouté ceci :
Code :
var bildberg_open = true;
        document.getElementById('editor_item_bildberg').addEventListener('click', function() {
                                                                                           if(bildberg_open) {
                                                                                            window.open('http://bildberg.eu/apps.php','BildBerg_Portable_Apps','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=320, height=320');
                                                                                           bildberg_open = false;
                                                                                           } else {
                                                                                            bildberg_open = true;
                                                                                           }
                                                                                           return false;
                                                                                           }, false);
        
        document.getElementById('editor_item_bildberg').className="toolbar_button toolbar_normal";
        
        document.getElementById('editor_item_bildberg').setAttribute('title', 'Uploader une image');
        document.getElementById('editor_item_bildberg').innerHTML='<img alt="BildBerg" src="jscripts/editor_themes/default/images/bildberg_add.png" width="16" height="16" />';

Voilà voilà, je pense que c'est une petite base qui pourra vous aider pour rajouter vos propres boutons sur MyBB 1.6 Smile

Merci à vous, bonne soirée

PS : si vous voulez avoir le code complet pour pouvoir ouvrir mon pop-up avec une icône qui ne bug pas voici le code à mettre :
Code :
setElementState: function(element, state) {
        if(element.id != "editor_item_bildberg") element.addClassName('toolbar_'+state);
//Ligne 391 après avoir collé le code au dessus
/* L'icône est téléchargeable ici http://icones.pro/image-ajouter-image-png.html en 16x16.
A placer dans jscripts/editor_themes/images.
Une position relative avec top:2px; ainsi qu'un background:none; ont rajoutés dans jscripts/editor_themes/default/stylesheet.css */
Répondre


Messages dans ce sujet
Modifier l'éditeur de texte - seechi - 12-07-2011, 22:13
RE: Modifier l'éditeur de texte - seechi - 13-07-2011, 0:19



Utilisateur(s) parcourant ce sujet : 1 visiteur(s)

Contact | MyBB.support | Retourner en haut | Retourner au contenu | Version bas-débit (Archivé) | Syndication RSS
 Utilitaire de traduction fourni par Regentronique