Discussion :

[jcb75]

Bonjour

J'essaie d'utiliser un editeur wysiwyg javascript (en l'occurence tinyMce) dans un formulaire récupéré via httprequest. Mais l'editeur ne s'affiche pas, alors qu'il s'affiche correctement si j'appele directement le fichier php correspondant. Ce problème semble rejoindre celui déjà rencontré avec du js qui ne s'exécute pas dans une réponse httprequest, sauf que le js en question est tinyMce, et donc, dur de mettre les mains la dedans.

Quequ'un a-t-il résolu ce pb, eventuellement en adoptant un autre éditeur ?

Merci d'avance

[jcb75]

J'ai résolu mon problème.
Dans la fonction qui récupère le résulat de la requête AJAX pour l'insérer dans un DIV, j'ajoute
tinyMCE.execCommand('mceAddControl', true, 'id du textarea à replacer par l'editeur');
// pour ajouter l'éditeur
tinyMCE.execCommand('mceFocus', true, 'id du textarea' );
//pour qu'il récupère le focus.

Il faut aussi prévoir un moyen de renvoyer le contenu de l'aditeur dans le formulaire par la méthode post de la requête ajax.
Moi, j'ai simplement insérer le contenu de l'éditeur dans le textarea :

$('id du textarea').innerHTML=tinyMCE.getContent();

Mais ça m'a pas l'air très catholique.

Enfin bon, ça marche.

[nicorama]

1000mercis ! C'est exactement ce que je voulais !!!

Voici mon code fffd

/* Dans dojoTiny.html qui contient la page à éditer */

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
 
<script type="text/javascript">             
            function insertEditor(){
 
 
                new Ajax.Updater(
                    'food',
                    './insertTinyMCE.html'
 
                );
                tinyMCE.execCommand('mceAddControl', true, 'food');
                // pour ajouter l'éditeur
                tinyMCE.execCommand('mceFocus', true, 'food' );
                //pour qu'il récupère le focus.
 
                $('food').innerHTML=tinyMCE.getContent();
 
 
            }
        </script>

/* Et dans insertTinyMCE.html qui est appelé par la requète Ajax */

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<textarea name="content2" cols="50" rows="15"> 
          du contenu remplacé
</textarea>

Alors plutot que d'utiliser
$('food').innerHTML=tinyMCE.getContent(); Il est possible d'appeler via ajax une page php ou jsp qui incluera dynamiquement le contenu, je crois.

[nicorama]

Après vérifications,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$('food').innerHTML=tinyMCE.getContent();

n'est pas utile et génère une errreur javascript.
Je ne sais pas trop par quel miracle tout fonctionne sans cette ligne.

[nicorama]

Bon en fait, j'ai rien compris au schmilblick.
Dans mon code, nul besoin de requete ajax si le code javascript de tinyMCE est déjà appelé par la page de base.

En faisant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
tinyMCE.execCommand('mceAddControl', true, 'food');
                // pour ajouter l'éditeur
                tinyMCE.execCommand('mceFocus', true, 'food' );
                //pour qu'il récupère le focus.

cela appelle l'ajout de l'éditeur, sans passer par ajax.

[karimphp]

merci beaucoup pour ce truc mais je trouve que TinyMce ce répète plusieurs fois après envoi via ajax si j'ajoute ces ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
tinyMCE.execCommand('mceAddControl', true, 'food');
                // pour ajouter l'éditeur
           tinyMCE.execCommand('mceFocus', true, 'food' );
                //pour qu'il récupère le focus.
$('food').innerHTML=tinyMCE.getContent();

donc j'ai supprimé ces instruction mes j'ai conservé la dernière commande

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$('food').innerHTML=tinyMCE.getContent();

alors la j'ai rencontré un autre problème c'est que les champs select de style et de size devienne désactivé après envoi
il ya il une solution ?