[AJAX] tinyMce et ajax

Version imprimable

27/02/2007, 15h40
jcb75

[AJAX] tinyMce et ajax

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
28/02/2007, 10h41
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.

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

Voici mon code fffd

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

Code:

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:

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.

10/01/2008, 17h01
nicorama
Après vérifications,
Code:

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.

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:

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.

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:

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:

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 ?

Mille merci jcb75 !!!
Code javascript sur la page principal

Code:

1
2
3
4
5
6
function ajaxCallbackHtml_ajout_commentaire(text, xml, params) {
		if (checkAjax(text, xml, params, true)) {	
			document.getElementById('div_ajoutsoc').innerHTML = text ;
			tinyMCE.execCommand('mceAddControl', true, 'commentaire');
			}
	}

Code sur la page d'ajax

Code:

1
2
3
4
<cfif isdefined("ajout_commentaire")>
		<strong>Commentaire : </strong><br /><br />
		<textarea id="commentaire" name="commentaire"></textarea>
	</cfif>

J'utilise du coldfusion, mais j'espère que ca pourra en aider d'autres ;)

10/12/2009, 13h48
Alexdezark

Bonjour,

Il y a un plugin jQuery très pratique pour tinyMce :

http://tinymce.moxiecode.com/examples/example_23.php

Parfait pour les requêtes Ajax et plein d'autres interactions. ;)

Bonne journée