Page 1 sur 1

Editeur de texte CKEditor dans un script

Publié : 04 août 2011, 14:10
par M0nk
Bonjour à tous,

Je souhaites mettre en place un éditeur de texte sur la page d'accueil de la partie administrateur de mon site.

J'ai commencé, avec l'outil CKEditor. J'ai suivi un tutoriel vidéo mais ça ne fonctionne pas. J'ai pourtant d'après moi appliqué a la lettre les différentes étapes du tutoriel.

Le code de la page concerné :

Code : Tout sélectionner

<html>
<head>
    <script src="http://ajax.googleapis .com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="ckeditor/adapters/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#textarea").ckeditor();
        )};
    </script>
</head>
<body>
    <textarea name="textarea" id="textarea"></textarea>
</body>
</html>
(lien du premier script volontairement cassé)

Je vous remercie d'avance.
Cordialement.

Re: Editeur de texte CKEditor dans un script

Publié : 04 août 2011, 17:30
par Asumbaa
Salut,

"ça ne fonctionne pas" c'est un peu vague. Qu'obtiens-tu ?

Vérifie les points suivants :
- tu as bien les scripts inclus dans un dossier ckeditor au même niveau que ta page (d'après ton code)
- tu as bien activé Javascript dans ton navigateur

Tu peux aussi essayer avec un autre id que "textarea" qui est aussi un nom d'élément, ça ne devrait pas gêner mais sait-on jamais.

Re: Editeur de texte CKEditor dans un script

Publié : 05 août 2011, 08:52
par M0nk
Bonjour,

Pardonne moi, c'est vrai que c'est un peu vague.
JavaScript est bien activé dans mon navigateur. Par contre, j'utilise une ancienne version de Mozilla Firefox, pour des raisons bien fondées, est-ce que cela pourrais éventuellement venir de cela ?

Ceci dit, sur IE 9 ça ne fonctionne pas non plus, j'obtiens toujours se résultat :
Image

Résultat sur Mozilla :
Image

Pour finir, les fichiers sont bien aux chemins indiqués dans le script.
Merci et bonne journée à vous.

Re: Editeur de texte CKEditor dans un script

Publié : 05 août 2011, 10:28
par Asumbaa
Salut,

D'après la doc il faut Firefox 3 minimum. Mais bon ça devrait marcher avec IE9.
J'ai pas trop d'idée, vois en changeant l'identifiant du textarea, et ensuite il faudra sortir le débugueur Javascript pour suivre le cheminement.

Re: Editeur de texte CKEditor dans un script

Publié : 05 août 2011, 11:58
par teoli2003
Et si tu te passes de jquery? C'est un peu un rouleau compresseur pour écraser une mouche.

J'avais utilisé CKEditor sans JQuery sans le moindre soucis.

Re: Editeur de texte CKEditor dans un script

Publié : 05 août 2011, 12:30
par calimo
Logiquement tu devrais avoir une/des erreur dans la console javascript (outils > console d'erreurs). :wink:

Re: Editeur de texte CKEditor dans un script

Publié : 08 août 2011, 09:43
par M0nk
Bonjour,
changer l'identifiant du textarea ne solutionne pas le problème.
Effectivement une erreur en ligne 9, syntax error )};
Post ci-dessus tu pourras voir mon code.

Finalement j'ai opter pour un autre éditeur de texte. Si je ne dis pas de bêtise, son nom c'est "tinymce".
Cependant faudrait que quelqu'un m'aide à le mettre en place.
Le contenu de la zone de texte, il faut le stocker dans une variable ou dans la base de données ?

Merci beaucoup.

Re: Editeur de texte CKEditor dans un script

Publié : 08 août 2011, 09:55
par calimo
M0nk a écrit :Effectivement une erreur en ligne 9, syntax error )};
Et effectivement, maintenant que tu le pointes c'est évident : tu n'as pas imbriqué correctement tes () et {}.
L'interpréteur javascript est moins tolérant que le moteur de rendu HTML :wink:

Re: Editeur de texte CKEditor dans un script

Publié : 08 août 2011, 16:03
par M0nk
J'ai pourtant suivi a la lettre un tuto vidéo qui fonctionnait.
Bref, j'ai résolu ce problème en passant par un autre éditeur.

Cependant je suis confronté à un second problème : Je n'arrive pas à mettre à jour le champ contenant la zone texte de l'éditeur.

Ma page contenant l'éditeur de texte : (admin_accueil.php)

Code : Tout sélectionner

	<form method="POST" action="admin_accueil.php">
	<table border="1"align="center" width=970 height=100% cellspacing="3">

	       <tr height=20%>
		
			<td align="center">En-tête</td>
			
			<td align="center">
				<textarea rows="3" name="EnTeteInfo" cols="80" class="textareas">
					<?php $r = mysql_query("SELECT IN_EnTeteInfo FROM information WHERE IN_No='1'");
					While ($d = mysql_fetch_array($r)) {
					echo $d['IN_EnTeteInfo'];
					} ?>
				</textarea>
			</td>
		
		</tr>

	        <tr>
		
			<td>&nbsp;</td>
		
			<td align="center" valign="center"><input type="submit" value="Enregistrer"></td>
		
		</tr>
		
		
	</table>
	</form>
Ma page qui receptionne et qui met à jour la base de données : (admin_accueil_maj.php)

Code : Tout sélectionner

	$EnTete=$_POST['EnTeteInfo'];
	$TextInfo=$_POST['TextInfo'];
        mysql_query("UPDATE INTO information (IN_EnTeteInfo,IN_TextInfo) VALUES ('$EnTeteInfo', '$TextInfo') WHERE IN_No=1");
	header("location:admin_accueil.php");
?>
Lorsque je clic sur enregistrer, il me recharge bien la page admin_accueil.php mais il ne met pas à jour le champ de la zone de texte.

Re: Editeur de texte CKEditor dans un script

Publié : 09 août 2011, 15:11
par Asumbaa
Salut,

Si le code que tu nous as mis est tel quel, c'est normal...

Code : Tout sélectionner

<form method="POST" action="admin_accueil.php">
Devrait être :

Code : Tout sélectionner

<form method="POST" action="admin_accueil_maj.php">

Re: Editeur de texte CKEditor dans un script

Publié : 10 août 2011, 10:12
par M0nk
Bien vu Asumbaa , je me suis rendu compte de cette erreur hier soir. Également :

Code : Tout sélectionner

$EnTete=$_POST['EnTeteInfo'];
$TextInfo=$_POST['TextInfo'];
mysql_query("UPDATE INTO information (IN_EnTeteInfo,IN_TextInfo) VALUES ('$EnTeteInfo', '$TextInfo') WHERE IN_No=1");
Une erreur de requête ce n'est pas $EnTeteInfo mais $EnTete qu'il faut mettre.
Cependant cela ne fonctionne toujours pas. Mes champs ne se mettent pas à jour lorsque j'effectue une modification. :(

Re: Editeur de texte CKEditor dans un script

Publié : 10 août 2011, 11:13
par Asumbaa
Salut,
Affiche ta requête pour la vérifier, vérifie ta connexion à la base, affiche tes variables...
Active l'affichage des warnings PHP aussi, pour développer.

Là il peut y avoir plein de soucis potentiels ;)
L'un d'eux est que tu n'échappes pas tes valeurs pour insertion. Donc si tu as une apostrophe dans $Entete, ça va te couper ta requête (à moins que tu n'aies activé les magic_quotes)