ckeditor et ajax

**artenis** · 13/04/2011, 20h48

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

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 ??

**SpaceFrog** · 14/04/2011, 09h37

As tu déja réussi a mettre un simple ckeditor sur un page sans ajax avec textearea ?
Commence déja par là ?

**artenis** · 14/04/2011, 12h16

oui un simple textarea sans ajax marche impek (ckeditor) et avec iframe egalement

**SpaceFrog** · 14/04/2011, 12h25

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

**artenis** · 14/04/2011, 14h11

ça marche avec ça:

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
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>

**SpaceFrog** · 14/04/2011, 14h13

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

**artenis** · 14/04/2011, 14h26

voila ce que je vien de tester:

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
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)

**SpaceFrog** · 14/04/2011, 14h28

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

**artenis** · 14/04/2011, 14h33

est-ce de ça dont vous parler :

Code html :

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

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 ???

**SpaceFrog** · 14/04/2011, 14h37

Code :

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

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

**artenis** · 14/04/2011, 14h46

ça ne change rien

**SpaceFrog** · 14/04/2011, 14h48

tu utilises ça ?
http://ckeditor.com/blog/CKEditor_for_jQuery

**artenis** · 14/04/2011, 15h03

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

**SpaceFrog** · 14/04/2011, 15h32

essaye ça

Code :

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

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

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

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 :

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
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>

**SpaceFrog** · 14/04/2011, 17h52

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

**artenis** · 14/04/2011, 18h04

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 :

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
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 ??

**artenis** · 14/04/2011, 18h08

il se passe bien qqchose mais les textarea disparaissent complétement

**SpaceFrog** · 14/04/2011, 18h11

c'est ton utilisation de noConflict() qui me semble louche ...
http://api.jquery.com/jQuery.noConflict/

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

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

ckeditor et ajax

JavaScript

Discussions similaires

Partager

Partager