Il va falloir migrer de CKEditor 4 à 5.
Ça en vaut la peine.
Mais ça n'est pas facile !
À la différence d’une édition de textes via un éditeur WYSIWYG le contenu n’est pas pollué par du code HTML et pourra être réutilisé tout au long de la vie du site. La saisie de texte est simplifiée par l’usage de boutons permettant une mise en page simple et rapide : intertitres, insertion d’images et de fichiers, listes, liens, gras, ...
Un mode markdown/HTML totalement réversible pour un éditeur WYSIWYG
Un autre éditeur WYSIWYG pour navigateur
Un éditeur WYSIWYG qui produit du JSON pour décrire les blocs de contenu. Intéressant !
Voilà pourquoi le WYSIWYG, c'est le mal !
Et voici pourquoi je trouves que les raccourcis typo de SPIP tellement pratiques et efficaces ;-)
Ce qui se rapproche le plus d'une édition WYSIWYG de composants complexes.
Et notre rôle — à nous concepteurs — est, avant d’être un poil feignants, d’éduquer correctement nos utilisateurs. Je parle d’utilisateurs dans un premier temps, pas de clients, mais les deux ne sont pas incompatibles. Et c’est là qu’interviennent les extraordinaires formats de texte structuré que sont Markdown et Textile.
Écrire en Markdown, c’est se concentrer sur l’essentiel, c’est accepter dès le départ que la forme d’un texte sera traitée plus tard. Cela impose de ne penser qu’au texte et à rien d’autre. On s’habitue très vite à cette gymnastique (puis ont se demande comment on a pu écrire un jour en WYSIWYG).
Un framework open source qui permet de construire l'apparence d'un site un peu comme Divi (WP) jimdo ou Wix…
Voici pourquoi faire un éditeur WYSIWYG dans un navigateur est d'une difficulté insurmontable. Et pourquoi SPIP avec ses raccourcis typo une réponse pertinente.
Un éditeur WYSIWYG qui travaille directement sur le contenu d'une page. Rapide !
Nouveau repository pour WYMeditor, un éditeur WYSIWYG qui privilégie le sens sur la forme
Mon métier, en plus de tout ce que je viens d'énumérer, c'est d'essayer de changer les usages. Parce que les usages en cours sont mauvais. Et on peut parfaitement parler à un client, l'éduquer, sans lui prendre plus de temps que d'habitude. Il s'agit juste de s'y mettre. Et si ça se trouve, un jour, il te remerciera.
Encore un éditeur WYSIWYG à faire tourner dans un navigateur.
Dès qu’il faut dépanner en disant à la personne au téléphone qu’elle doit basculer en mode code des éditeurs WYSIWYG, le balisage de SPIP se transforme instantanément de la planche à clous au matelas douillet :-)
Encore un éditeur WYSIWYG dans un navigateur, cette fois-ci léger et en HTML5
GhostEdit is a brand new WYSIWYG editor focused on usability. It aims to support A-grade browsers - Internet Explorer 6+, Mozilla Firefox 3.5+, Google Chrome, Apple Safari 3+, Opera 10.50+
Un éditeur WYSIWYG pour éditeur une page en HTML5, sur place !
Pour tous ceux qui veulent absolument un éditeur WYSIWYG dans SPIP (pour le meilleur et surtout le pire)...
Une clone de MarkItUp!
Comparatif de 7 éditeurs plus ou moins WYSIWYG à intégrer dans une page web.
En effet, les raccourcis typographiques de SPIP sont certes largement adoptés par les majorité des rédacteurs, car simples, faciles et pratiques à utiliser, mais déroutent, lors des prises en main initial de l’outil, un certain nombre de rédacteurs habitués au mode wysiwyg des traitements de texte classiques. Il faut garder à l’esprit que l’humain est généralement résistant au changement et qu’en informatique comme ailleurs, le meilleur outil est celui que l’on connaît le mieux et qui demande le minimum d’effort. Toute atteinte à ce principe est ressentit comme un trop fort changement culturel par rapport aux habitudes.
markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented.
Un nouvel éditeur WYSIWYG en ajax fonctionnant sous Safari 3 (en plus de FireFox, Internet Explorer et Opera).
Un editeur WYSIWYG pour trac qui produit une syntaxe wiki en sortie.
À prohiber dans la plupart des cas les solutions WYSIWYG HTML permet d’ajouter une mise en forme riche au corps du texte.
Intégration d'une solution ajoutant au champ des crayons un lien optionnel vers l’édition avec FckEditor.
This checklist accompanies various posts on browser-based What You See Is What You Get (WYSIWYG) editors. It is intended as a tool to assess and help improve editors intended to produce (X)HTML web content, usually as part of a Content Management System.
Bon, c'est loin d'être parfait (en particulier, les listes à puces ne se placent pas en début de première ligne)