Editeur de texte CKEditor dans un script

M0nk · Message par **M0nk** » 04 août 2011, 14:10

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.

Asumbaa · Message par **Asumbaa** » 04 août 2011, 17:30

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.

M0nk · Message par **M0nk** » 05 août 2011, 08:52

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 :

Résultat sur Mozilla :

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

Asumbaa · Message par **Asumbaa** » 05 août 2011, 10:28

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.

teoli2003 · Message par **teoli2003** » 05 août 2011, 11:58

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.

calimo · Message par **calimo** » 05 août 2011, 12:30

Logiquement tu devrais avoir une/des erreur dans la console javascript (outils > console d'erreurs).

M0nk · Message par **M0nk** » 08 août 2011, 09:43

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.

calimo · Message par **calimo** » 08 août 2011, 09:55

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

M0nk · Message par **M0nk** » 08 août 2011, 16:03

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.

Asumbaa · Message par **Asumbaa** » 09 août 2011, 15:11

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

M0nk · Message par **M0nk** » 10 août 2011, 10:12

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.

Asumbaa · Message par **Asumbaa** » 10 août 2011, 11:13

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)

Geckozone

Editeur de texte CKEditor dans un script

Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Re: Editeur de texte CKEditor dans un script

Qui est en ligne ?