[DOM] Editeur wysiwyg simple

Bonjour a vous,

Voila après quelques recherches sur le net et sur le forum, je me tourne vers vous pro du JS :D

Je souhaite réalisé un éditeur wysiwyg simple pour le moment ;)
J'ai déjà étudié pas mal de code JS d'éditeur tout fais, mais il y a tellement de ligne qu'on s'y perd :(

Donc déjà je voudrai comprendre le principe, parce que a ce que j'ai pu remarqué pour le moment, cela n'utilise pas de textarea et autre chose de ce style.
Donc comment marche l'édition?

J'ai déjà fait quelques tests, avec un DIV et un bouton pour par exemple rajouter dynamiquement une image, cela fonctionne très bien. Mais apres comment faire pour que le DIV puisse être édité comme si c'etait un textarea?

Voila pour le moment ;)

Merci d'avance a vous :)

Le principe, c'est la détection des touches appuyées ... (enfin c'était cette technique quand j'avais étudié comme toi les différents éditeurs existants, il y a quelques années).
La touche appuyée, si c'est une lettre, est alors insérée dans un champ Hidden, et ajoutée dans un div pour permettre l'affichage à l'écran.

Hum dans ce que j'ai vu ce n'est pas trop ca, même si j'ai pas super bien comprit ce que j'ai vu il n'y avait pas de détection des touches ;)

bonjour,

si j'ai bien compris, tu veux absolument redévelopper un éditeur wysiwyg alors qu'il en existe des gratuits sur le marché ?

perso, j'en utilise un très bien qui est multi plate-forme et multi navigateur.
j'ai choisi ses fonctionnalités grâce à un fichier texte de paramétrage

que du bonheur ! et des soucis en moins ;)

Nicolas.

Oui tu a bien comprit je l'ai préciser, je veut developper mon propre editeur et ta reponse m'apporte pas beaucoup...

Salut,
j'ai bossé là-dessus y a quelques temps, voilà quelques infos en vrac (valable y a 2 mois :D) :
- pour l'instant l'édition est possible que dans une iframe sous Gecko (designMode)
- pour appliquer le format tu peux utiliser execCommand, etc, mais Midas est pas encore au point à l'heure actuelle et IE génère du code pas terrible donc j'en ai conclu que si tu veux faire un truc potable il faut bosser en DOM
- essaye de trouver des codes compatibles cash sous plusieurs nav, ca paraît évident mais dans pas mal de tuto que j'ai vu, i collent des if alors que y en a pas besoin, ex : document.getElementById('frame_id').contentWindow.document pour récupérer le doc de la frame.

En fait t'as besoin de détecter le clavier ou la souris que si tu veux surligner les boutons ou présélectionner les select de format quand tu passes ou sléectionnes sur un mot. C'est la partie la plus galère, tu peux utiliser queryCommandState mais idem tout ca c'est pas très standard, je pense qu'il vaut mieux faire ca en DOM pur. Par si tu testes la couleur d'un texte ca va te renvoyer le code hexa en BGR sous IE et le décimal en chaîne de caractères sous FF lool.

Merci pour ta reponse, mais ce qui m'embete c'est l'iframe :( On a pas une autre solution? DIV?

A priori tu ne peux toujours pas utiliser autre chose qu'une iframe sous gecko : http://developer.mozilla.org/en/docs/Midas
mais tu peux aussi utiliser le document entier lui-même.

Bon alors apres quelque tests concluant me revoici, comment peut on se passé de execommand?
Merci

Personne?