Comment peut-on écrire un simple éditeur WYSIWYG en JavaScript?

Question

Dans mon projet, je dois écrire un petit éditeur WYSIWYG (laissez simplement les utilisateurs créer du texte en gras / italique / souligné et peut-être un peu plus). Donc, je ne voudrais pas utiliser des monstres comme tinymce ou fckeditor. Ma question est de savoir quels éléments HTML et quelles fonctions javascript dois-je connaître? Un élément HTML dans lequel je peux éditer et formater du texte est une chose très intéressante dans cette question.

Answer 1

Si vous souhaitez créer le vôtre, consultez Midas . Il est disponible sur FF3 +, IE, Safari, Opera et Chrome.

Fondamentalement, vous utilisez contentEditable et execCommand pour transformer le navigateur en environnement d'exécution.

Answer 2

document.getElementById('edit').contentDocument.designMode = "on";

Consultez http://www.mozilla.org/editor/ie2midas.html

Answer 3

Il existe http://www.gosu.pl/steditor/ un code assez simple. et clair. Il utilise designMode et execCommand comme indiqué dans d'autres réponses.

Answer 4

Vous pouvez également utiliser des langages simples tels que markdown ou textile et fournir un aperçu en direct.

Je pense que la plupart des gens obtiendront des astérisques pour souligner et des doubles pour les caractères gras .

Answer 5

J'ai déjà utilisé l’éditeur de wysiwyg de YUI , qui vous permet de configurer les boutons afin que vous puissiez facilement l'utiliser et limiter les boutons en gras / italique / souligné.