ckeditor et ajax

**artenis** · 13/04/2011, 13h50

Bonjour,

Code :

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

1
2
3
4
 
$('#adj').click(function(){
	$('#zone-insertion').load('admin/index.php');
        });

la page index.php contient un formulaire requérant les fichier du WISIWYG CKEDITOR.

voici le formulaire:

Code html :

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

1
2
3
4
5
 
<tr><td ><label>APERCU DU SUJET (Il s'agit de la partie visible de l'iceberg)</label></td></tr>
    <tr><td colspan="2"><textarea class="ckeditor" id="editor1" name="apercu"  ></textarea><br /></td></tr>
    <tr><td><label>RESTE DU SUJET (Au click "aperçu" la partie caché de l'iceberg sera visible)</label></td></tr>
    <tr><td colspan="2"><textarea class="ckeditor" id="editor2"  name="reste" ></textarea><br /></td></tr>

or les textarea apparaissent sans le ckeditor.

je suppose que le problème vient du fait que:
- load ( de ajax) appelle un fichier situer dans un autre dossier et n'arrive donc pas à prendre en compte les fichiers contenu dans les sous-dossier du CKEDITOR

si vous avez compris mon problème, peut-il être résolu ?

je me demande également si ma syntax ajax : (.load('url')) est suffisante, ne devrais-je pas écrire toute la syntaxe : aj.ajax({ url, cache, success, error });
cela pourrait-il résoudre le problème ?

**SpaceFrog** · 13/04/2011, 14h06

il manque le live() ...

**artenis** · 13/04/2011, 14h25

merci pour votre réponse éclair,

puis-je avoir la phrase complète ou la référence de ce :
live()

**SpaceFrog** · 13/04/2011, 14h31

En résumé, ce qui se passe est que tu colles ton code html sur la page avec le load de jquery, mais le code est "inerte" et ne bénéficie pas des initialisations que tu as pu mettre sur les éléments présents sur la page au chargement.
Deux solutions, soit tu relances ton initialisation de ckeditor après avoir mis le code au moyen du load (dasn le callback du load)

Soit tu definis un live() sur certains type d'élements de sorte que de nouveau éléments ajoutés dynamiquement prennent les définitions mises au chargement (a postériori )

**artenis** · 13/04/2011, 14h49

une fois de plus merci bcp pour ces renseignements

une dernière précision même si je devrais le trouvé moi même

,

comment faire pour relancer l'initialisation de ckeditor dans le callback,

en gros que dois-je écrire?

ce problème ayant persisté pendant plus d'une semaine, je vous remercie par avance si le problème ce résout.

**SpaceFrog** · 13/04/2011, 14h56

ben comment tu l'initialises au chargement de la page ?

**artenis** · 13/04/2011, 15h14

je en suis pas sur :

Code :

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

1
2
3
4
5
6
7
8
 
$('#adj').click(function(){
		$('#zone-insertion').load('admin/index.php', function(){
			ici, j'appelle le fichier ckeditor comme je ferais avec :
<script type="text/javascript" src="ckeditor.js"></script>
		});
 
	});

**SpaceFrog** · 13/04/2011, 15h17

non! je ne parles pas du lien vers le fichier js

dans le onload de ta page il doit y avoir un lancement de fonction d'initialisation ? ou tu c'est pas une classe ?

**artenis** · 13/04/2011, 15h19

je ne suis pas sur :

Code :

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

1
2
3
4
5
6
7
8
9
 
$('#adj').click(function(){
		$('#zone-insertion').load('admin/index.php', function(){
			ici, j'appelle le fichier ckeditor.js comme je ferais avec :
                   <script type="text/javascript" src="ckeditor.js"></script>
                   ainsi que pour le fichier sample.js
		});
 
	});

seulement voila, je ne sais pas quoi mettre pour appeler ckeditor.js

Cela ne vous ennuierait-il pas de me donner la solution, je ne suis pas feignant, mais j'ai pris beaucoup de retard à cause de ce problème.

**SpaceFrog** · 13/04/2011, 15h21

ben si y'avait pas le load ??? tu mettrais comment le ck sur ta page ???

**artenis** · 13/04/2011, 15h25

comme ceci:

Code :

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

1
2
 
<script type="text/javascript" src="ckeditor.js"></script>

désolé si je vous exaspère.

ou sinon un include ???

**SpaceFrog** · 13/04/2011, 15h31

ha donc il suffit de mettre cette ligne sur ta page et tu as un editeur ...
ça ma parait curieux .

En tout cas ce n'est pas ce que dit la doc

http://docs.cksource.com/CKEditor_3....jQuery_Adapter

Code :

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

$( 'textarea.editor' ).ckeditor();

**artenis** · 13/04/2011, 18h20

donc je devrais avoir ça?

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript" src="jquery.js"></script>
$(document).ready(function(){
$('#adj').click(function(){
		$('#zone-insertion').load('admin/index.php', function(){
			$('textarea.editor').ckeditor();
		});
 
	});
});

ais-je oublier qqchose ?

si ce script est bon , il ne marche pas chez moi

**SpaceFrog** · 13/04/2011, 18h32

ton textearea à un

Code :

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

class="editor"

??

**artenis** · 13/04/2011, 18h45

Code :

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

1
2
3
4
5
6
7
$('#adj').click(function(){
		$('#zone-insertion').load('admin/index.php', function(){
			$('textarea.ckeditor').ckeditor();
		});
		
	});

je vous avoue que je comprends pas ce bout de code,
que viens faire le 'textarea' avant ma class 'ckeditor'

**SpaceFrog** · 13/04/2011, 18h54

tu ne charges pas un textarea avec load ?????

**artenis** · 13/04/2011, 19h12

je comprends l'utilisation du textarea dans la fonction ckeditor, mais ne vois pas l'utilité de le préciser.

de plus si c'est tout ce qu'il faut comme code pour re-initialiser le ckeditor , pour le moment ça ne marche pas.

l'ajout cde cette ligne de code:

Code :

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

1
2
 
$('textarea.ckeditor').ckeditor();

que fait-elle exactement ?

car d'après firebug mes fichiers ckeditor.js et sample.js sont bien chargé lors du load de la page. le problème, si c'est ça qu'on essaie de résoudre, c'est que les sous fichers du CKEDITOR ne sont pas pris en compte lors de l'appelle de la page du formulaire.

précision : avec un iframe ça marche parfaitement , mais c'est moche (barre de defilement.

**SpaceFrog** · 13/04/2011, 19h17

ckeditor transforme un textearea présent sur la page en editeur

si tu n'as pas de textarea, pas d'editeur ...

le btu de la ligne est de préciser que le textarea (qui doit en principe etre contenu dans le load() doit être transfomé en editeur ...

**artenis** · 13/04/2011, 19h26

merci pour les infos

et pour ça :

car d'après firebug mes fichiers ckeditor.js et sample.js sont bien chargé lors du load de la page. le problème, si c'est ça qu'on essaie de résoudre, c'est que les sous fichers du CKEDITOR ne sont pas pris en compte lors de l'appelle de la page du formulaire.

précision : avec un iframe ça marche parfaitement , mais c'est moche (barre de defilement.