Comment améliorer vos zones de textes éditables (textarea) ?
La réponse passe par les éditeurs WYSIWYG qui donnent plus de possibilité à l’utilisateur.
Fini la seule possibilité de saisir du texte, avec ses éditeurs, ce sont les liens, les images et toute la mise en forme qui est désormais possible.
Définition de WYSIWYG :
WYSIWYG ([wɪziwɪg] ou [wiziwɪg]) est l’acronyme de la locution anglaise What you see is what you get, signifiant littéralement en français « ce que vous voyez est ce que vous obtenez » ou de façon plus concise « tel affichage, tel résultat ». L’acronyme est couramment utilisé en informatique pour désigner les interfaces utilisateur graphiques permettant de composer visuellement le résultat voulu, typiquement pour un logiciel de mise en page, un traitement de texte ou d’image. L’acronyme désigne, de fait, une interface « intuitive » : l’utilisateur voit directement à l’écran à quoi ressemblera le résultat final (imprimé).
Source : Wikipedia
Parmi les éditeurs WYSIWYG, voici en trois, qui, à mon avis, sont les plus « avancés » et reconnus aujourd’hui : MarkItUp, TinyMCE et CKEditor.
MarkItUp (mon préféré 
)
Utilisant le framework javascript jQuery, Markitup est développé par Jay Salvat et est actuellement en version 1.1. Mon petit doigt me dit que la version 2 est en cours (quelques images ici ou là)…
TinyMCE
Développé par Moxiecode, TinyMCE est notamment utilisé par la plateforme de publication WordPress.
CKEditor
C’est la suite de FCKeditor (2003-2009). Sacré lifting pour ceux qui se souviennent de l’ancienne version…
Liens :
Bonjour
Malgré une prévisualisation, MarkItUp n’est pas vraiment un WYSIWYG. L’auteur le précise même: « markItUp! is not a WYSIWYG editor, and it never will be. »
Pas assez pratique pour des utilisateurs ne connaissant pas le HTML.
@Kinobi
Effectivement, Jay ne considère pas son plugin comme un WYSIWYG. Autant pour moi.
« Pas assez pratique pour des utilisateurs ne connaissant pas le HTML. »
Je ne voit pas vraiment qui peut essayer d’intégrer de tels outils sans avoir de notion d’HTML
@devzonefr
Dans le cadre d’un back-office d’un site d’information, j’ai utilisé TinyMCE d’ailleur pour le FCB Clan http://www.fcbarcelonaclan.com
Sinon merci pour ton blog, je l’ai déjà adopté
@Kinobi
Merci à toi de le lire
Merci beaucoup Fabrice pour ce petit mot sur markItUp!
En effet, comme tu l’as corrigé dans ton commentaire, markItUp! n’est pas un éditeur Wysiwyg mais justement une alternative à ceux-ci.
Et effectivement, il n’est pas destiné au grand public qui préférera largement un bon gros éditeur Wysiwyg. markItUp! est l’outil idéal pour les webmasters plus aguerris au Html, Textile ou Markdown et horripilé par les Wysiwyg.
Je pense qu’avec markItUp! 2.0 j’arrive à ce que je veux. Un textarea boosté aux stéroïds qui propose les options avancées des wysiyg tout en restant orienté « texte ». La 2.0 s’approche même d’un petit IDE maintenant.
Merci encore pour ce petit mot sur ton blog.
Mais de rien
En tout cas j’ai hâte de tester la version 2 (les prémisses que tu dévoiles m’ont l’air prometteuses).
Il existe également http://ckeditor.com/ qui est une variante de fckeditor en beaucoup plus joli faut dire
Pas une variante, comme c’est dit dans l’article ckeditor est la suite de fckeditor.