Discussion :

[ghyslain]

Bonjour,
Je voudrais creer un editeur html hyper simple pour l'instant ayant juste la fonction de creer des div en direct avec la souris (à la dreamweaver ou frontpage),
et aussi inserer du texte formaté mais pour sa il faut que je je creer une zone d'edition.
Au debut j'avais pensé a faire tout sa dans un grand textarea mais je n'ai pas connaissance qu'on puisse creer une div dans un textarea et encore moins un texte coloré par exemple.


merci d'avance!

[le_chomeur]

je pense que tu t'engouffres dans quelque chose qui dépasse tes compétences ( sans aucune méchanceté ! ) un éditeur est assez complexe en soit mais tu peux faire une recherche avec le mot clé : contenteditable sur google

[ghyslain]

oui c'est du lourd, mais quand on veut on peut.
Donc j'ai étudié le code source de WYSIWYG et donc j'ai bien compris comment marchait le texte, mais je vois toujours pas comment y creer une div en direct.

[RomainVALERI]

C'est un très gros projet, plus complexe qu'il n'y parait.
Cela ne veut pas dire "impossible", et comme le chomeur, je veux que tu comprennes que ce n'est pas du tout un jugement mais : quels genres de projets web as-tu déjà mené auparavant ? Si la réponse est "aucun" ou "quelques sites perso" ou "le site de mon oncle qui est charcutier", tu vas au devant de lourdes difficultés... ("tracer" une div à la souris, qui s'incorpore en temps réel à la page ? chapeau jeune homme, ça c'est autre chose comme ambition que du blog à trois sous ! )

En tout cas, que tu revoies le projet à la baisse ou pas, n'hésite pas à nous solliciter en route pour résoudre des problèmes ponctuels. Ta question, elle, concerne l'architecture générale voire la faisabilité : il y a d'abord un gros travail de conception qui te revient de droit (c'est d'ailleurs la meilleure partie petit veinard)

[ghyslain]

vous inquietez pas pour moi ou pour mes capacites, je suis en ecole d'ingé et essaye de progresser toujours plus, je pense pas que mon niveau est une importance la, je veux juste des reponses(ne le prennez pas mal, je suis la en paix ).

meme sans parler de la creation de la div en temps reel, je voudrais creer une simple div a l'interieur de l'iframe, j'ai reussi a mettre une image dedans avec execCommand(), mais ne vois pas la commande qui creer des div dans l'iframe.

j'ai vu toutes les commandes de execCommand() et je n'ai pas vu de commandes en rapport avec les div, donc j'imagine que je dois trouver autre fonction.

help!!!!

[Bovino]

Salut,
Dans le principe, créer une div à la souris dans un document ne devrait pas poser de problème majeur.

• Sur l'événement onmousedown, tu récupères les coordonnées de la souris
• Tu crées une div invisible en position absolue de dimensions 0x0 px
• Tu l'insères dans la page à la position de la souris (au pasage, createElement et appendChild au lieu de execCommand sera au moins cross-browser)
• Sur le onmousemove, tu récupères les nouvelles coordonnées, tu les compares et tu affectes à la div comme dimensions la différences des coordonnées et tu positionnes le tout à la position du minimum des coordonnées en x et y.
• Sur le onmouseup, tu annules les traitements du onmousemove.

Donc là-dessus, rien de bien sorcier, en revanche

Je voudrais creer un editeur html hyper simple pour l'instant ayant juste la fonction de creer des div en direct avec la souris (à la dreamweaver ou frontpage),

Comme les avis précédents, je pense que tu es bien aventureux... Tu vas vite tomber dans une complexité de gestion des positionnements, des cas particuliers, des imbrications, j'en passe et des bien complexes...