jquery et tinymce

[gatinamed]

Bonjour,

Voila le problème. J'utilise tinymce sur mon site, et tous fonctionne très bien jusqu'ici.
Le problème est que en voulant changer le contenu d'une div dans mon code en js il me met le contenu dans le tinymce.

Pour l'exemple, j'ai une div dont la class est myDiv. Quand je fais :

Code :

  $('.myDiv').html('toto');

Il m'écrit toto dans le tinymce.

Et si j'enlève le tinymce, cela fonctionne correctement.

Pourtant, j'ai bien vérifié les id et les classes. Aucun rapport avec ma div.
Et quand je fais un console.log($('.myDiv')); dans la console, j'ai [div.myDiv].

Et si je fais un console.log($('.myDiv').html()), j'ai le contenu de mon tinymce.

Je deviens folle. Je ne comprends pas ce qui cloche.

Merci de m'aider.
a++

[danielhagnoul]

Bonsoir

On peut donc penser qu'il existe une division ayant la classe "myDiv" dans le plugin TinyMCE.

console.log( $( ".myDiv" ).length ); vous donnera le nombre de divisions ayant cette classe dans votre page.

Je vous conseille de donner un ID à votre division, exemple "myDivID" : $( "#myDivID" ).

[gatinamed]

Bonjour,

Tout d'abord merci pour ta réponse.

En effet, on pourrait penser cela sauf que ce n'est pas le cas. Il n'y a aucune autre division ayant la class myDiv dans ma page. Sinon le fait de faire le console.log($('.myDiv')) nous retournera tous les objets de class myDiv et non seulement celle dont j'ai besoin.

J'explique plus en profondeur mon problème.
Sur ma page, j'ai un tabs jquery. Dans chaque tabs, j'ai une div de class myDiv et un champ que j'ai mis en tinymce.

Dans chaque tabs au retour d'un ajax, je remplace le contenu des deux div de class myDiv. Il me remplace toujours la première correctement et mon contenu html se retrouve dans le tinymce dans la deuxième.

Les tabs ont des id différents. Les div ont des id différents. Et les champs txtarea que j'ai mis en tinyMCE ont des id différents aussi.

Mon js dans le succes de mon ajax ressemble à ceci :

Code :

1
2
3
$('div[id^="my_tabs_"]').each(function(){
 $(this).find('div.myDiv').html(html);
});

Voila plus en détails ce qu'il y a sur ma page.
Quand je fais le console.log($(this).find('div.myDiv'));, il me retourne bien les deux [div#id_div.myclass]. Quand je clique dessus dans mon firbug, il se rapporte bien aux bon objets. Et quand je fais un console.log($(this).find('div.myDiv').html());, le premier retourne le bon contenu et le deuxième retourne le contenu du tinymce.

Ca me rend complètement folle car l'objet renvoi bien au bon objet mais le contenu que j'affiche n'est pas du tous le bon.

Merci de votre aide.