Insertion de texte dans un textarea

Nowhere Man Messages postés 307 Date d'inscription   Statut Membre Dernière intervention   -  
Nowhere Man Messages postés 307 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je voudrais pour mon site faire une page (protégée par un mot de passe) pour pouvoir envoyer mes articles, de la même manière qu'un blog. Pour éviter d'avoir à recoder sans arrêt ma page (eh oui je suis paresseux !).

Donc j'ai mis ça par exemple (qui correspond à une image qui au clique ajoute le code pour mettre en gras :

<img src="images/gras.png" alt="Gras" width="16" height="16" border="0" onclick="javascript:document.getElementById('article').value = document.getElementById('article').value+'<b></b>'" />


dans cette zone de texte :

<textarea name="article" rows=20 cols=160 id="article"><p></p></textarea>


Le principe marche, quand je clique sur le bouton le code s'ajoute à la zone de texte, mais je voudrais faire en sorte que ce code se place là ou le curseur est placé... et de la même manière quand je sélectionne un texte que chaque balise se place de part et d'autre de la sélection.

Que dois-je rajouter?

Merci d'avance !
A voir également:

8 réponses

Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
ce serait trop simple si on pouvait faire un editeur dans un textarea !

orientes toi vers FcKeditor si tu veux mettre un petit éditeur dans ta page
0
Nowhere Man Messages postés 307 Date d'inscription   Statut Membre Dernière intervention   95
 
Mais c'est trop simple =) !!
Tout fonctionne à merveille, je peux insérer tous les codes de base dans ce textarea puis les envoyer dans un fichier que j'inclus dans ma page d'article... je cherche juste à simplifier au maximum mon insertion de balise avec des boutons. Mais une fois les balises et le texte envoyés j'ai la mise en page qui est faite =)
0
Nowhere Man Messages postés 307 Date d'inscription   Statut Membre Dernière intervention   95
 
Bien sur je ne cherche pas à mettre du php ou des requêtes SQL... c'est simplement pour me faire les articles de texte sur une page spécifique, tout le noyau du site est déjà construit !!
0
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
FckEditor n'est pas fait pour editer du code php ou mysql mais pour mettre en forme du texte

un bouton par ex pour mettre une partie de texte en gras, copier coller

Je comprend bien que si dans ton textarea tu mets "à la main" des balises de mise en forme de texte <b></b> ça les recopie bien, mais toi ce que tu veux faire, c'est atteindre l'endroit ou tu as ton curseur et ça ce n'est pas à mon avis un objet html accessible par Javascript
0
Nowhere Man Messages postés 307 Date d'inscription   Statut Membre Dernière intervention   95
 
Ouais c'est ça, mais bon vu que j'y connais quasi-rien en javascript =S !!
Tu peux m'expliquer ce que c'est que FckEditor s'il te plait?
0
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
un petit lien:

https://www.clubic.com/telecharger-fiche11000-fckeditor.html

et un autre plus complet:

http://macmicro.chez-alice.fr/fckeditor.php
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Nowhere Man Messages postés 307 Date d'inscription   Statut Membre Dernière intervention   95
 
Merci j'irais voir tout ça et (essayer de) comprendre le principe =) Merci beaucoup !!
0
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
Bojour,

le principe:

tu cree à la racine de ton site un repertoire FcKeditor

dans ta page tu mets au début de la partie php :

include("FCKeditor/fckeditor.php") ;


et à l'endroit ou tu veux que FckEdotor s'affiche tu mets:

			//////  initialisation de l'applet FCKeditor
			$oFCKeditor = new FCKeditor('instance1') ;
			$oFCKeditor->BasePath = 'FCKeditor/';
			$oFCKeditor->setFullPath($dir_user);
			$oFCKeditor->readSource();
			etc....

			$oFCKeditor->Create() ;


et dans la page php appelée par ce script tu récupéres par:

$datas=stripslashes($_POST['instance1']);
0
Nowhere Man Messages postés 307 Date d'inscription   Statut Membre Dernière intervention   95
 
Merci c'est sympa mais copier un code déjà fait ça ne m'intéresse pas...
Je ne pourrais jamais apprendre correctement, je voudrais me faire mon éditeur moi-même. Mais merci quand même pour l'info, j'irais jeter un coup d'œil si j'en ai besoin, par ce que ce que j'ai pour l'instant me convient parfaitement !
Mis à part ce problème d'insertion là où est le curseur, mais c'est minime. J'ai ce que je veux avec une page qui me permet d'envoyer du code html dans un document qui est inséré automatiquement à ma page =)

Merci encore.
0
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
Merci c'est sympa mais copier un code déjà fait ça ne m'intéresse pas...

ce n'est pas copier un code déjà fait , c'est utiliser une classe existante et tu dois adapter en fonction de tes besoins
0
Nowhere Man Messages postés 307 Date d'inscription   Statut Membre Dernière intervention   95
 
peut être mais la base même sera plagiée... non mais j'ai envie de me faire mon truc tout seul (j'aime voler de mes propres ailes ^^) parce que plus les posts avances plus on s'écarte de ma question principale qui était de savoir comment insérer onClick du texte dans un textarea à l'emplacement du curseur, je ne cherche rien d'autre :)
0
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
Ce n'est pas du plagiat, cette classe est mise a disposition , c'est le principe de la communauté php

et de toute façon ce que tu veux n'est pas possible en HTML

Bonne chance quand même

@lain
0
Nowhere Man Messages postés 307 Date d'inscription   Statut Membre Dernière intervention   95
 
Oui je pense bien qu'elle est mise à disposition mais derrière la démarche que je fait, c'est pour apprendre moi-même à coder. C'est sans doute une erreur de pas vouloir reprendre ce genre de choses mais ça ne me dit rien. Mais merci beaucoup quand même d'avoir pris du temps à me répondre.
Si tu dis que ce n'est pas possible alors je me contenterais de ce que j'ai :)

Merci encore à + !
0

Discussions similaires