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![]()
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 !
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum
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...
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 ...
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
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 ...
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
Génial ! C'est exactement ce que je cherchais. Je ne pensais pas que ça consistait en un simple attribut
[édité]
Partager