Discussion :

[prosciuto]

Bonjour,

comme dit dans le titre, j'aimerais récuperer le contenu d'une instance CKEDITOR, le contenu d'un textarea html.

Le problème est que mon formulaire est créé dynamiquement, et que les "name" sont donc "dynamique" aussi.
Pour utiliser les champs de mon formulaire, je voulais donc passer le nom de mon textarea par l'intermediaire d'une fonction qui prendrait en paramêtre le nom du champs.
Tout cela pour pouvoir au final envoyer le contenu en AJAX.
en gros:

En HTML :

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
 
<form>
<textarea name="nomDuTxtarea1">
</textarea>
<script type="text/javascript">
	CKEDITOR.replace({nomDuTxtarea1});
</script>
<input type="button" onClick="laFctQuiDonneLeNomDuTxtarea('nomDuTxtarea1')" />
 
<textarea name="nomDuTxtarea2">
</textarea>
<script type="text/javascript">
	CKEDITOR.replace({nomDuTxtarea2});
</script>
<input type="button" onClick="laFctQuiDonneLeNomDuTxtarea('nomDuTxtarea2')" />
</form>

Et dans le fichier Javascript :

Code :

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

1
2
3
4
5
6
 
function laFctQuiDonneLeNomDuTxtarea(nom){
		alert(CKEDITOR.instances.nomDuTxtarea1.getData()); //fonctionne
		alert(CKEDITOR.instances.nomDuTxtarea2.getData()); //fonctionne
		alert(CKEDITOR.instances.nom.getData()); //ne fonctionne pas
}

Comme marqué ci-dessus, les deux première ligne fonctionnent car j'appelle le nom de l'instance directement.
Je crée mes textarea de façon dynamique, donc le nom change. Il m'est donc impossible de coder "en dur" le nom de l'instance. (comme fait ci-dessus)
La façon logique est d'utiliser le nom passé en paramêtre, mais comme mentionné, ça ne fonctionne pas.
Ma question est donc, comment faire pour que mon "nom" passé en paramètre soit reconnu ?

Merci de vos réponses,

Aurélien

PS : Il est aussi possible que je n'ai pas compris le fonctionnement de CKEditor, car si je fait un alert(document.getElementsByName(nom)) dans la fonction, je trouve bien le champ.

[SpaceFrog]

on peut voir comment tu donnes le nom ?

selon msdn le name ne peut etre attribué de façon dynamique sous IE ...

[prosciuto]

Salut,

Je créer le nom comme suit:
en php :

Code :

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

1
2
3
 
for ($id ; < ; ++)
echo '<input type="button" onClick="laFctQuiDonneLeNomDuTxtarea(\'nomDuTxtarea'.$id.'\')" />';

Je travaille sur FF3, IE ne m'interesse pas.
Le truc bisare est que si dans la fonction js : laFctQuiDonneLeNomDuTxtarea(nom),
je fais alert(nom), je récupere bien le BON nom passé en paramètre. Pour aller plus loin, si je fait un document.getElementsByName(nom).value, je récupère bien la valeur souhaitée (ce qui prouve que le champs et le "nom" existe).
Par contre, dès que j'utilise ce "nom dynamique" pour l'instance CKEditor, ça ne fonctionne plus, et je n'arrive pas à trouver comment faire.

D'ores et déjà merci de ta contribution.

[SpaceFrog]

il est mis ou le nom au final ???

que tu fasse un alert et qu'il el restitue c'est normal js retrouve les attributs, mais si c'est pour finir dans un name de textearea ou de champs de form là c'est le DOM qui ne permet pas d'attribuer dynamiquement un name.
Il y a un pot dans les contributions sur les forms dynamiques ...

[prosciuto]

Je suis désolé je ne comprend pas bien qu'est ce que tu me demandes,

Le nom c'est celui du textarea modifié par CKEditor (premier code que j'ai posté)
Mon but est de récupéré la valeur du textarea, ce que je pense faire avec la fonction CKEDITOR.instances.name.getData().

Et pour cela j'ai besoin d'affecté le nom dynamique a mon textarea.

c'est le DOM qui ne permet pas d'attribuer dynamiquement un name

En fait, si je désactive CKEditor, je récupere facillement la valeur de mon textarea grâce à javascript, donc je suppose que CKEditor doit utiliser les objet DOM et que je l'ai dans ....

Bref, merci de ton aide mais je crois que je vais faire sans AJAX, du coup j'aurais plus besoin de récuperer le nom.

[gwyohm]

Dans FCKEditor, l'ancienne version, il y avait un callback à implémenter dont je me servais dans ces cas :

Code :

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

1
2
3
4
 
function FCKeditor_OnComplete( editorInstance ) {
  alert(editorInstance.LinkedField.name);
}

il y a peut être CKeditor_OnComplete ?
je ne sais pas si c'est ce que tu cherches

[Keroth]

Bonjour,

J'ai été confronté au même problème aujourd'hui.
La solution est d'accéder à l'instance avec []

Code :

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

textareaValue = CKEDITOR.instances[textareaDynamicName].getData();

C'est cette page qui m'a mise sur la piste :
http://stackoverflow.com/questions/9...editors-iframe

Bonne journée,

Keroth