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 :)
Version imprimable
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 :)
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 !
J'ai bien vu :lol:
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...
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 ...
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
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 :) )
le coup de la transformation du textearea est une securité en cas de desactivation du js ...
Génial ! C'est exactement ce que je cherchais. Je ne pensais pas que ça consistait en un simple attribut 8O
[édité]
En fait, ça existe depuis un petit moment, mais ça a été intégré à la spécification HTML en HTML5 (comme l'attribut autocomplete par exemple).
Mais Firefox le prend très bien en compte (comme tous les principaux navigateurs d'ailleurs)
Effectivement, je viens de voir qu'en fait sous Firefox ça fonctionnait ^^
Merci beaucoup pour vos réponses :P