Discussion :

[Alexandrebox]

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

[fellyis]

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

[Alexandrebox]

merci.
C'est en anglais mais vais me débrouiller.

[onirisme]

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.

[kileak]

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

[bakalegum]

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)