Création d'un éditeur WYSIWYG online

Invité · 26/05/2011, 20h57

Bonjour à tous !

Ma question est très simple : comment créer un éditeur WYSIWYG en ligne ? C'est-à-dire à la manière de Google Docs ou TinyMCE.

Est-ce qu'on peut faire ça avec du Javascript seul ?

Merci de vos réponses

**Bovino** · 26/05/2011, 21h36

Oui, tu peux le faire en JavaScript pur, mais attention, ce n'est pas du niveau débutant et si tu regardes le poids d'un script comme TinyMCE, tu comprendras que c'est beaucoup de code !

Invité · 26/05/2011, 22h10

J'ai bien vu

Mais en fait ma question, c'est juste : comment peut-on réaliser un WYSIWYG, dans le principe ? Je n'arrive vraiment pas à voir comment on peut transformer un <textarea> en zone qui soit à la fois modifiable et où on puisse appliquer de la mise en forme...

**SpaceFrog** · 27/05/2011, 08h51

le code est la pour ajouter des balises de mise en forme autour du texte.
pour ce qui est du rendu le script remplace souvent le textearea par une autre balise html ...

**bewidia** · 27/05/2011, 08h53

Il y a déjà CKEditor (http://ckeditor.com/demo) qui permet de faire de l'édition de texte enrichi en ligne. A priori ils ne passent pas par du textarea, mais gèrent les événements clavier/navigateur pour modifier un bloc html

**le_chomeur** · 27/05/2011, 10h08

Bonjour

en fait tu ne transforme pas un textarea en éditeur , mais tu dois le construire de toute part a part d'une div ( ou span ) éditable , grâce a la propriété contenteditable="true".

une fois ton conteneur rendu éditable , tu peux y associer des effets de mise en forme pour commencer otn apprentissage grâce a la fonction js : execCommand ( je te laisse chercher la doc

)