Boîte à outils dans textarea Résolu

Question

Bonjour, sur le site que j'ai créé ici    http://www.plongee-sous-glace.fr/  j'ai également créé des scripts qui permettent de saisir le texte sans intervenir dans le code. C'est à dire que l'administrateur du site a la possibilité de rentrer dans l'espace de gestion du site et de créér tous les textes de chaques rubriques. Ces textes sont donc saisis dans une textarea puis à la va lidation, le texte ainsi écrit est stocké dans une base sql. Ensuite quand  l'internaute lamda va sur le site, il y a un accès à la base et affichage du texte précédemment écrit par l'administrateur du site. Je voudrais pour voir mettre dans ma textarea une barre d'outils permettant à l'administrateur de faire un peu ce qu'il veut sur son texte comme celle que j'ai actuellement sous mes yeux et qui me permet par exemple de mettre du texte en gras  de souligner du texte  etc ... 
Est-ce que quelqu'un pourrait m'indiquer comment faire pour mettre une telle barre d'outils dans un textarea ? en gros c'est une barre d'outils comme dans word par exemple, où on choisi également la taille des caractères, la police etc ....
merci pour vos réponses

avion-f16 · Answer

Les WYSIWYG :
- CKEditor
- TinyMCE

Si tu préfères des balises :
- ce tutoriel

avion-f16 · Answer

ça et ça

zatox · Answer

Bonjour, ok encore merci je regarde, ça a l'air pas mal, il me reste à l'intégrer à mon code.
Peut-être que j'aurai encore besoin de ton aide !!!

zatox · Answer

Bonjour, j'ai inséré ckeditor dans mon code, ça fonctionne nickel chrome, merci à toi avion-f16, j'ai juste un petit soucis, quand j'écris dans l'éditeur et que je fais entrée (poue revenir à la ligne) en fait il, saute une ligne systématiquement et je ne peux pas positionner mon curseur entre les 2 lignes ce qui fait que le texte est très même trop aéré, si quelqu'un a une idée ? c'est au niveau de ckeditor, j'aimerai bien que les lignes ne soient pas espacées comme ça par un saut de ligne que je ne maîtrise pas. Voilà si quelqu'un a une idée là dessus ?
Merci pour toutes ces infos.

avion-f16 · Answer

Enter seul crées un nouveau paragraphe, comme dans Word.
Alors fait aussi comme dans Word pour un simple retour à la ligne : Maj+Enter

zatox · Answer

Oui je viens juste de le trouver alors je m'apprêtais à donner le réponse moi même merci tu as été plus rapide que moi, donc pour aller à la ligne sans sauter de ligne il faut faire shift + entrée
Encore merci

zatox · Answer

J'ai quand même un problème de saut de ligne non pas dans ckeditor mais une fois que j'ai écris dans ckeditor, le texte est journalisé dans une base sql puis restitué de cette base quand je vais sur mon site le problème c'est que la restitution n'est pas la même que lors de l'écriture dans ckeditor. Exemple j'écris ceci dans ckeditor:

Ligne 1
Ligne 2

Ligne 3

Quand je vais sur le site voici la restitution:

Ligne 1

Ligne 2


Ligne 3

Je ne sais pas si c'est pas le nl2br qui me joue des tours, quelqu'un a-t-il une idée ?

avion-f16 · Answer

C'est bien la nl2br qui fait çà car CKEditor génère le code HTML envoyé, et y inclus les retours à la ligne.

zatox · Answer

Bonjour, effectivement tu as raison, j'ai viré l'instruction  $contenu = nl2br(stripslashes($donnees['contenu'])); que j'exécutais après lecture de ma base sql et avant affichage, et là, si je saisi "shift + entrée" il me restitue bien un retour à la ligne, si je saisi "shift + n fois entrée", il me restitue n-1 sauts de ligne. Donc ça c'est bon. 
Juste un détail: penses-tu qu'il y ait moyen d'avoir le même résultat en faisant simplement "entrée" au lieu de faire "shift + entrée"  ? si tu n'as pas de réponse et que tu sois obligé de chercher, laisses tomber ça ira bien comme ça c'était juste pour le confort de l'utilisateur.
Merci pour ta réponse.

avion-f16 · Answer

En principe, quand on fait un retour à la ligne, c'est qu'on commence un nouveau paragraphe.
Tu peux toujours faire “p { margin:0px; padding:0px;}” dans le CSS

zatox · Answer

Bonjour, ok je vais essayer merci pour ton aide.

zatox · Answer

Bonjour, je viens de transférer tout le système avec lCKeditor sur mon serveur, mais j'ai quelques soucis:
1) Pour le positionnement des liens ça ne marche pas parcequ'il me mets devant toute l'adresse de mon site alors que sur mon disque ça marche !!!
Je m'explique, si je veux mettre un lien dans l'éditeur je fais créer un lien puis je mets l'adresse du lien ex: 

https://www.google.fr/?gws_rd=ssl       mais quand je vais sur mon site et que je clique sur ce lien dans l'adresse il y a :

http://www.plongee-sous-glace.fr/piauplongee_fr/\"https://www.google.fr/?gws_rd=ssl 

Donc bien sûr ça plante alors qu'en local sur mon disque il met bien        https://www.google.fr/?gws_rd=ssl    et là bien sûr ça marche. Comment je peux faire pour virer http://www.plongee-sous-glace.fr/piauplongee_fr/       ???!!


2) Quand je mets un fond de couleur sur une écriture, sur mon disque ça marche mais par sur le serveur si quelqu'un a une idée merci de me la communiquer.

zatox · Answer

Suite à mon problème de lien pour y voir plus clair voici l'adresse du site:
http://www.plongee-sous-glace.fr/    --->  français puis rubrique plan d'accès, après les cartes il y a un lien google map que j'ai créé par l'éditeur ckeditor mais qui ne marche pas. 
Merci pour vos réponses

zatox · Answer

J'ai compris pourquoi l'adresse du lien n'est pas bonne, parceque dans la bas au niveau du lien il m'écrit:
 
<a href=\"https://www.google.fr/maps     etc .... alors que ce devrait être:
<a href="https://www.google.fr/maps      sans l'\ après le href=   

Mais le problème c'est que si je fait un $contenu = nl2br(stripslashes($contenu)); pour le lien ça va marcher mais je crains que ça me pose des problèmes pour autre chose non qu'en pensez-vous ? 
merci pour vos réponses 
(je ne sais pas pourquoi sur mon disque il n'écrit pas l'\ ce qui fait que ça marche et sur le serveur il écrit l'\ ?!!!!!!   je pige pas !!!!!

avion-f16 · Answer

Quand tu enregistres avec addslashes dans la base de données (ou si les magic_quotes sont activés), alors il faut faire stripslashes lors de l'affichage (echo).

zatox · Answer

Oui mais si je fait stripslashes lors de l'affichage au niveau du lien ça marche mais j'ai tout mon texte qui est écrit avec des sauts de lignes comme ça

azertyuiop

qsdfghjklm

alors que je veux

azertyuiop
qsdfghjklm

En fait il faudrait que je puisse virer l'\  de href=\" au moment de l'écriture dans la base ou alors est-ce que je pourrais désactiver magic_quotes ? est-ce que c'est possible et est-ce que ça va pas me foutre la grouille ailleurs ?!!!!

avion-f16 · Answer

Retires aussi le nl2br, et je penses que je l'avais déjà dit plus haut.

zatox · Answer

Oui je les ai retiré quand tu me l'as dit, je suis entrain de lire un truc il semble qu'il faut désactiver le magic_quotes_runtime et le magic_quotes_gpc mais comme j'ai un hébergement mutualisé, j'ai pas accès au php.ini donc si je comprends bien le truc j'ai 2 soluces: 1) J'écris un htacces avec php_flag magic_quotes_gpc off php_flag magic_quotes_runtime off mais dans ce cas je sais pas où je mets le htacces ? au niveau de la racine www ? 2) Par php mais c'est plus compliqué je pige pas tout dans le code que je suis entrain de lire voilà ce que ça dit: (entre les lignes d'* ************************************************************************** Désactiver les magic_quotes via php Pour les magic_quotes_runtime, c’est facile, il y a une fonction (set_magic_quotes_runtime) qui fait ça : Par contre pour les magic_quotes_gpc, il faut le coder, la fonction n’existe pas ... Il faut donc inclure le script suivant avant toute action d’entrée sortie : $val) # Si c’est un array, recurssion de la fonction, sinon suppression des slashes if(is_array($val)) remove_magic_quotes($array[$key]) ; else if(is_string($val)) $array[$key] = stripslashes($val) ; # Appel de la fonction pour chaque variables. # Notes, vous pouvez enlevez celle d’on vous ne vous servez pas. # Personnellement, j’enlève $_REQUEST et $_FILES remove_magic_quotes($_POST) ; remove_magic_quotes($_GET) ; remove_magic_quotes($_REQUEST) ; remove_magic_quotes($_SERVER) ; remove_magic_quotes($_FILES) ; remove_magic_quotes($_COOKIE) ; ?> ********************************************************************** et ensuite il faut echapper toutes les chaines dans les requêtes sql !!!!!!!!!!!! Qu'est-ce t'en penses ?

avion-f16 · Answer

Prends la première solution, le .htaccess est à mettre à côté de ta page d'accueil.

zatox · Answer

Oui c'est ce que je viens de faire mais j'avais oublié de te dire que certains hébergeurs acceptent le htaccess pour faire un remove de magic_quotes, mais pas tous et en l'occurence je viens d'essayer et il m'envoie à la pêche donc là je vois plus qu'une solution c'est de coder en php à moins que tu vois une autre soluce ?

zatox · Answer

Bonjour, au final, j'ai interrogé mon hébergeur et avec .htaccess et la commande qui va bien à l'intérieur j'ai pu modifier la valeur de magic_quotes à l'intérieur du php.ini et ça marche nickel chrome. La commande qui va bien c'est :
SetEnv MAGIC_QUOTES 0 
Voilà
Merci pour votre aide

Boîte à outils dans textarea - Page 2

Discussions similaires

Newsletters