Discussion :

[swakone]

Bonjour à tous.

pendant quelques temps j'avais cherché un moyen de simuler un textarea, mais avec seule différence que l'on pouvait colorer le texte à l'intérieur (et mettre en gras etc).

Et ce matin en postant un message sur voyage-forum.com (c'est pas une pub désolé c'est juste pour l'exemple) j'ai vu qu'il y avait tout à fait ce que je cherchais. la zone de saisie du message : un peu comme sur ce forum, sauf que lorsque j'ai cliqué sur gras dans la barre d'outil mon texte s'est réellement mis gras en non entouré de balise genre [ b ][ /b ] !

Je me suis alors jeté sur la source, mais je ne suis pas sur d'avoir bien trouvé comment ils font : j'ai l'impression qu'il utilise une iframe (je ne les ai jamais utilisées donc je ne m'y connais pas du tout), mais j'ai entendu dire que c'était grosso modo le même principe que les frames mais plus "contenu" dans la page et non une découpe de la page.

Ma question est donc : est ce bien le cas selon vous, et si oui, comment rendre le texte éditable à l'intérieur d'une iframe ? (je suppose que le format du texte après c'est que du javascript !!)

merci d'avance !!

Swakone

[Bisûnûrs]

Ca s'appelle surtout un éditeur WYSIWYG. Il y en a un aussi disponible ici, soit en allant dans Tab. de bord > Modifier vos options > Et tout en bas, choisir le type d'éditeur, soit en cliquant sur les deux AA en haut à droite de la zone d'édition d'un message.

Un exemple d'éditeur : FCKEditor.

[SpaceFrog]

TinyMCE est est un autre ...
il y en a de plus ou moins complexe ou simples avec plus ou moins de fonctionnalités ...

[swakone]

merci pour vos reponses.

mais je n ai pas la reponse a ma question : quelle est la "technique" utilisee ? iframe ? maus ensuite pour rendre l interieur editable ? avez vous un piste, apres je ferais des recherches... j avais deja essaye editablecontent (ou quelque chose comme ca) mais le rendu n'etais pas du tout celui escompte !

merci

[Kerod]

Généralement c'est une iframe et la mise à jour des données se fait par AJAX

[amezghal]

Généralement c'est une iframe et la mise à jour des données se fait par AJAX

Non pas par ajax!
en fait la technique est plutôt simple,
il suffit de changer le mode de l'iframe,
quand on change le mode de l'iframe en : designMode="On", on a droit a modifier le contenu de l'iframe (resiezé les images, modifier les tableaux, ...) mais en plus de ça, et avec la méthode (document.execCommand()) on peut effectuer tout les autre taches (mettre en gras/italique..., ajouter des images, des tableaux, .. tout quoi)
c'est pas de la pub mais je vais vous monter mon wysiwyg à moi
http://amezghal.power-heberg.com/editeur/

renseigne toi sur les deux méthode cité en gras, ce sont les clefs d'un wysiwyg