ckeditor et ajax

Version imprimable

Voir 40 message(s) de cette discussion en une page

13/04/2011, 19h48
artenis

attendez : le fichier jquery.js du dossier adapter n'est pas le fichier jquery.js du jquery.com ????

j'avais pas compris ça , quelle idée d'avoir donner le même nom :roll:

de toute façon ça ne change rien !!

alors les sous-fichiers dont je parle sont par exemple les graphismes, les barres du WISYWIG (aligner, centrer, en gras, ...)
ce sont : Plugins, lang, skins, theme

ce sont ces fichiers qu'appelle ckeditor.js lors de son execution

c comprehensible ??
14/04/2011, 08h37
SpaceFrog

As tu déja réussi a mettre un simple ckeditor sur un page sans ajax avec textearea ?
Commence déja par là ?
14/04/2011, 11h16
artenis

oui un simple textarea sans ajax marche impek (ckeditor) et avec iframe egalement
14/04/2011, 11h25
SpaceFrog

tu as un code simpliste avec juste un textarea qui fonctionne ?
le code complet html d'une page avec juste un textarea ...

ça marche avec ça:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<script type="text/javascript" src="ckeditor.js"></script>
<script type="text/javascript" src="jquery.js" ></script>
</head>
<body>
<form>
<table>
<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>
</table>
</form>
</body>
</html>

14/04/2011, 13h13
SpaceFrog

et dans la partie load il a quelle tête le code de ton textearea ?

voila ce que je vien de tester:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <html> <head> <script type="text/javascript" src="jquery.js" ></script> <script> $(document).ready(function(){ //Quand on click sur le lien $("#clic").click(function(){ $('#contenu').load('essaiCK.html'); }); }); </script> </head> <body> <div id="contenu"> <a href="#" id="clic">Access Formulaire CK</a> </div> </body> </html>
et ça ne marche pas : ckeditor est bien charger cependant les fichiers relatifs à Ckeditor ne sont pas charger (c'est ce que j'en conclue), (graphisme, plugin, etc)

PS : essaiCK.html renvoie au formulaire précédent (acev les pages ckeditor.js, jquery.js)

14/04/2011, 13h28
SpaceFrog

je réitère la question ...
le html que tu loades il ressemble à quoi ???

est-ce de ça dont vous parler :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<tr><td><label>AUTEUR</label> </td></tr>
    <tr><td><input type="text" id="arrondi" class="auteur" name="auteur" value=""/><br /></td></tr>
    <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>
    <tr><td><input type="submit" name="ajouter" id="locus" value="Ajouter ce sujet"/><a href="apercu-popup.php" target="_top" id="taille"><input type="button" name="apercu" id="locus" value="Apercu" /></a><input type="reset" name="effacer" id="locus" value="affacer" /></td></tr>
 
</table>
</form>

Vous voulez toute la page PHP ???

Code:

1
2
 $("#clic").click(function(){
		$('#contenu').load('essaiCK.html',function(){$('#editor2').ckeditor();})

14/04/2011, 13h46
artenis

ça ne change rien
14/04/2011, 13h48
SpaceFrog

tu utilises ça ?
http://ckeditor.com/blog/CKEditor_for_jQuery
14/04/2011, 14h03
artenis

j'essaye de comprendre ce qui est dit sur la doc de ckeditor mais j'avoue que je comprens pas ou se trouve la solution a mon probleme

essaye ça

Code:

1
2
3
4
 
$("#clic").click(function(){
		$('#contenu').load('essaiCK.html',function(){
CKEDITOR.replace( 'editor2' );})

Tout d'abord un grand merci pour votre patience:
donc la fonction replace() marche (pour le code suivant, j'aimerais savoir si le replace peut s'appliquer à un id aussi bien qu'une class ??

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<html>
<head>
<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript" src="adapter/jquery.js" ></script>
 
<script>
 
$(document).ready(function(){
    //Quand on click sur le lien
        $("#clic").click(function(){
		$('#contenu').load('essaiCK.html',function(){CKEDITOR.replace( 'editor1' );})
 
    });
});
</script>
</head>
<body>
 
<div id="contenu">
<a href="#" id="clic">Access Formulaire CK</a>
</div>
</body>
</html>

14/04/2011, 16h52
SpaceFrog

le replace est une fonction du CKEDITOR
je n'ai pas vu dans la doc mention sur la possibilité de passer par les classes :(

donc j'ai trouvé la solution pour la class:
CKEDITOR.replaceAll('myclass');

cependant le probleme persiste toujours il se pourrait qu'il s'agisse d'un conflit jquery, que pensez de l'ensemble de ce code??:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 var ap = jQuery.noConflict(); ap(document).ready(function(){ ap(".toggle_container1").hide(); ap("div.trigger").click(function(){ ap(this).toggleClass("active").next().slideToggle("slow"); return true; //Autorise la redirection vers une autre page }); ap('#adj').click(function(){ ap('#zone-insertion').load('admin/index.php', function(){ CKEDITOR.replaceAll('ckeditor') ; }); }); ap('.modifier').click(function(){ ap('#zone-insertion').load('admin/modif.php'); }); });
Il s'agit du code de mon site. est ce que l'emploi de :jQuery.noConflict(); pourrait faussé mon code ??

14/04/2011, 17h08
artenis

il se passe bien qqchose mais les textarea disparaissent complétement
14/04/2011, 17h11
SpaceFrog

c'est ton utilisation de noConflict() qui me semble louche ...
http://api.jquery.com/jQuery.noConflict/
14/04/2011, 17h25
artenis

il s epeut effectivement qu'il y ait un probleme avec le noconflict,
je vais tester ça.

j'ai tout de même localisé le vrai problème:(j'espère)
dans les deux cas: celui du test et celui de mon site

il se trouve que dés que les pages se trouvent séparer (formulaire, et lien ajax) (dossier différent)
le replace() ne marche plus.

PS: le Jquery.noconflict() que j'utilise marche à chaque fois fois dans les 16 pages du site. je vais tout de même essayer avec le lien que vous m'avez fournit

Voir 40 message(s) de cette discussion en une page