WYSIWYG vs MarkDown - existe-t-il un terrain d'entente?
J'essaie de comprendre comment permettre à mes utilisateurs de modifier leur contenu sur mon site. Il ne s'agit actuellement que de texte formaté en fonction de la largeur d'écran, mais j'aimerais leur donner plus de contrôle sur leur contenu:
- Gras, italique, souligné
- Ajout d'images, de vidéos
- Ajout d'extraits de code
Je ne veux vraiment pas les forcer à utiliser quelque chose comme pagedown - beaucoup de mes utilisateurs sont au collège/lycée et pourraient être frustrés par une expérience "codée". J'aime bien à quel point la pagination est propre, vous savez? J'ai l'impression que rien ne peut mal tourner lorsque je tape ce message. WYSIWYG me fait me sentir sur Edge, comme si c'était un gâchis imprévisible sous les boutons.
Quelles options ai-je? Du côté gonflé, j'ai trouvé tinyMCE, qui n'est certainement pas une option, jusqu'à NICEdit, que je considère très sérieusement. Que recommanderiez-vous à quelqu'un qui recherche un éditeur de contenu en ligne hautement personnalisable, léger et convivial?
Si votre objectif est de permettre aux utilisateurs de contrôler avec précision à quoi ressemblera un document ou une page , alors vous devez vraiment utiliser quelque chose comme WYSIWYG. Cependant, d'après mon expérience, cela est rarement nécessaire.
Si vous vous concentrez sur le contenu lui-même, plutôt que sur la mise en page du contenu, je vous suggère fortement d'utiliser la démarque. Markdown est déjà utilisé par de nombreux sites Web comme Stack Exchange et Discourse, donc en fonction de votre public, vous pouvez constater qu'ils sont déjà à l'aise avec Markdown. Il permet aux utilisateurs de se concentrer sur ce qu'ils veulent dire plutôt que sur ce à quoi ils doivent ressembler. Le résultat global est que le contenu est au centre.
Une troisième alternative consiste à utiliser un éditeur WYSIWYM . Ici, l'accent est mis sur la signification sémantique plutôt que sur la mise en page. Cela présente des avantages si le contenu est sémantiquement riche et vous permet de spécifier des dispositions personnalisées en fonction de ce que quelque chose est. WYMeditor est probablement la meilleure implémentation de cela que j'ai vue jusqu'à présent.
D'après mon expérience, le démarquage a été le meilleur compromis, car il est facile à comprendre, et même si vous n'utilisez aucun formatage du démarque, vous pouvez toujours écrire facilement. Il existe également des implémentations comme celle de ce site qui font un très bon travail en combinant le meilleur du WYSIWYG et du démarque.
En résumé:
Concentrez-vous sur le look - WYSIWYG
Focus sur le contenu - Markdown
Focus sur la sémantique - WYSIWYM
La démarque est excellente, mais ce n'est pas une panacée. À tous ceux qui le suggèrent ici, je réitère les raisons suivantes pour lesquelles cela peut ne pas être approprié:
Markdown est, à mon avis, préférable une fois que vous l'apprenez. Mais vous devez apprendre la syntaxe avant de pouvoir l'utiliser. Pour un site pour enfants, la syntaxe de démarque peut présenter une courbe d'apprentissage trop abrupte.
Markdown ne fournit pas les fonctionnalités qui peuvent être requises (par exemple, centre/droite/justifier le texte, colorier le texte, choisir une police, etc.)
La démarque nécessite deux représentations visuelles: la zone d'édition et la zone d'affichage. Cela ne fonctionnera pas pour toutes les interfaces.
Bien sûr, les éditeurs WYSIWYG ont aussi leurs défauts.
Je n'en ai pas trouvé un qui soit tout ce que vous décrivez (léger, personnalisable, open source). Si vous êtes ouvert aux logiciels non libres, vous pouvez consulter Redactor. Je ne l'ai pas acheté moi-même, mais il semble avoir de nombreuses fonctionnalités que vous recherchez.