Forum Programmation.web (JavaScript) Ajouter un texte à l'endroit du curseur dans une zone de texte ?

Posté par Nicolas Blanco (site web personnel) le 15 avril 2005 à 11:59.

Étiquettes : aucune

avr.

2005

hello tous !

je crée un mini forum en PHP/XHTML, et j'ai créé une barre de boutons pour ajouter des balises toutes faites dans un élément de formulaire textarea.

pour l'instant j'ai juste fait "document.forms.monform.texte += '(mabalise)'" ce qui rajoute la balise à la fin du texte.

est-ce que c'est possible de faire en sorte de rajouter cette balise à l'endroit du curseur (et/ou à la place de la sélection) ? donnez-moi vos solutions, même si ça marche pas avec tous les navigateurs.

merci !

Nicolas.

# Dotclear

Posté par Thomas Hervé le 15 avril 2005 à 14:44. Évalué à 3.

Ah là là le syndrome du Not Invented Here... Regarde du côté de Dotclear tu as une barre qui fait exactement ce que tu demandes.

Pour faire ca bien il utilise document.selection ou textarea.getSelectionRange.

Bon courage,

--
Thomas
# DomInspector

Posté par Hardy Damien le 15 avril 2005 à 14:50. Évalué à 3.

utilises le DomInspector de firefox pour voir les propriété d'un objet qui t'interresse. en l'occurence pour les champs de saisie il y a les propriété "selectionStart" et "selectionEnd" qui donne la position du debut d'une selection et de fin de selection (quand il sagit juste du curseur, ces valeurs sont les mêmes ...) il ne te reste plus qu'a inserer dans la bonne position dans la chaine "value".

Dam
# au cas où

Posté par B r u n o (site web personnel) le 15 avril 2005 à 15:15. Évalué à 2.

Tu devrais regarder comment font les éditeur "wysiwyg" existants du genre :

- Rich Text Editor (domaine publique) [http://www.kevinroth.com/rte/demo.htm(...)]
- FCKEditor (LGPL) [http://www.fckeditor.net/demo/default.html(...)]
- Kupu (kupu licence - bsd like) [http://kupu.oscom.org/demo/(...)]
- TinyMCE (LGPL) [http://tinymce.moxiecode.com/example.php?example=true(...)]
- Xinha (htmlArea License - bsd like) [http://xinha.python-hosting.com/(...)]

Tu devrais y trouver des sources d'inspiration (à défaut de les utiliser).

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.

# Dotclear

# DomInspector

# au cas où