IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

Créer un nouveau bouton sur la barre d'outils [TinyMCE]


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Alexandrebox
    Profil pro
    Inscrit en
    Août 2006
    Messages
    635
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 635
    Par défaut Créer un nouveau bouton sur la barre d'outils
    Bonjour,
    J'essaie d'ajouter un bouton (icon.gif) sur la barre d'outil de TinyMCE. Ce bouton va me permettre d'ouvir une page toute simple dans un des popups. Dans cette page j'aimerais faire ceci tout simplement :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <?php echo $contenu ; ?>
    J'ai essayé de faire ceci :
    J'ai mis un dossier mapalette dans plugins de tinyMCE. Ce dossier contient la page mapalette.php qui a le code php <?php echo $contenu; ?>
    J'aimerais appeler cette page en cliquant sur ce nouveau bouton créé

    Voici ce que j'ai fait mais qui ne marche pas : Je pense qu'il faut ajouter quelque chose pour que ça marche mais quoi?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
    tinyMCE.init({
    mode : "exact",
    theme : "advanced",
    elements : "textarea",
    plugins : "mapalette",
    theme_advanced_buttons1 : "mapalette",
    });
    D'avance je vous remercie beaucoup pour votre gentillesse et surtout votre aide

  2. #2
    Membre confirmé
    Étudiant
    Inscrit en
    Janvier 2007
    Messages
    73
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2007
    Messages : 73
    Par défaut
    Citation Envoyé par Alexandrebox Voir le message
    Bonjour,
    J'essaie d'ajouter un bouton (icon.gif) sur la barre d'outil de TinyMCE. Ce bouton va me permettre d'ouvir une page toute simple dans un des popups. Dans cette page j'aimerais faire ceci tout simplement :
    <?php echo $contenu ; ?>
    J'ai essayé de faire ceci :
    J'ai mis un dossier mapalette dans plugins de tinyMCE. Ce dossier contient la page mapalette.php qui a le code php <?php echo $contenu; ?>
    J'aimerais appeler cette page en cliquant sur ce nouveau bouton créé

    Voici ce que j'ai fait mais qui ne marche pas : Je pense qu'il faut ajouter quelque chose pour que ça marche mais quoi?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
    tinyMCE.init({
    mode : "exact",
    theme : "advanced",
    elements : "textarea",
    plugins : "mapalette",
    theme_advanced_buttons1 : "mapalette",
    });
    D'avance je vous remercie beaucoup pour votre gentillesse et surtout votre aide
    Bonjour ,
    pour ajouter un bouton personnalisé il faut créer ton propre plugin
    Voici un exemple ensuite tu pourra trouver d'autre pistes
    Bonne chance

    http://wiki.moxiecode.com/index.php/...ate_plugin/3.x

  3. #3
    Membre éclairé Avatar de Alexandrebox
    Profil pro
    Inscrit en
    Août 2006
    Messages
    635
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 635
    Par défaut
    merci.
    C'est en anglais mais vais me débrouiller.

  4. #4
    Membre expérimenté Avatar de onirisme
    Homme Profil pro
    Ingénieur commercial
    Inscrit en
    Novembre 2004
    Messages
    221
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Ingénieur commercial
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Novembre 2004
    Messages : 221
    Par défaut
    Bonjour,

    TinyMCE permet d'ajouter des boutons directement dans l'initialisation. Voici un code que j'ai adapté pour ton cas :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
     
    tinyMCE.init({
        mode: "textareas",
        theme: "advanced",
    	//Ajout du bouton dans le theme
        theme_advanced_buttons1: "btPop,separator,bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",
        editor_selector: "html_textarea",
        content_css: "design/style.css",
        setup: function(ed){
            //Ajouter un bouton
            ed.addButton('btPop', {
                title: 'Mon PopUp',//Titre du bouton
                image: 'design/img/source_sql.png', //Chemin de l'image du bouton
                onclick: function(){
                    // Fonction executée au clic
                    var sel = ed.getContent();
                    var pop = window.open('', 'Cette page', "menubar=no, status=no, scrollbars=no, menubar=no, width=400, height=300");
                    setTimeout(function(){
                        pop.document.open();
                        pop.document.write(sel);
                        pop.document.close();
                    }, 500);
                }
            });
        }
    });
    Voici le resultat obtenu :


    Si tu souhaite récupérer la selection active, il faut utiliser "ed.selection.setContent(sel);" a lieu de ed.setContent(sel);

    Pour un code simple tu peux l'utiliser directement dans l'initialisation, sinon, mieux vaut créer un plugin.

    Bon courage.

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    98
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 98
    Par défaut
    Bonjour,

    génial c'est exactement ce que je cherchais depuis hier soir !
    Je trouve la doc assez mal faite ou c'est moi

    Par contre j'ai encore une petite question.
    Au lieu d'ouvrir une popup (ce qui sera utile mais pour autre chose ), je souhaite faire en gros ce que fait le bouton B (bold) à savoir ajouter un :
    <span class="maclasse">....</span>
    Je veux que le fonctionnement soit identique à savoir :
    clic sur B ouvre le gras.
    nouveau clic sur B arrête le gras.
    Si sélection, un clic sur B met la sélection en gras.
    Il faut donc que mon code gère ces cas de figures.

    Je me disais qu'ajouter un span (+ sa classe) et ajouter une balise B (strong) était fortement similaire et que je pouvais donc me greffer sur le même "plugin" que celui existant pour B. Je me trompe ?
    Si non, comme faire ?

    Merci

  6. #6
    Membre à l'essai
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 5
    Par défaut
    Bonjour Kileak,

    as tu réussi à faire ce que tu voulais avec span?

    je suis dan sle meme cas que toi.

    Merci

    (oui je sais c'est du déterrage en règle)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [OL-2013] Problème avec un bouton sur la barre d'outils Accès rapide
    Par annedeblois dans le forum Outlook
    Réponses: 1
    Dernier message: 27/03/2015, 07h30
  2. [XL-MAC 2011] Ajouter un bouton sur les barres des outils
    Par Gogia dans le forum Excel
    Réponses: 0
    Dernier message: 28/05/2013, 10h24
  3. Réponses: 5
    Dernier message: 05/01/2010, 10h13
  4. Quatrième bouton sur la barre de titre d'une fenêtre
    Par Yacine95000 dans le forum MFC
    Réponses: 8
    Dernier message: 02/06/2004, 18h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo