MediumEditor - Barre d'outils d'édition de texte en ligne pour le Web
Tout le monde sait Medium.com et leur plate-forme de blogs extrêmement populaire. Ils redéfini beaucoup d'idées dans le monde du design et vous pouvez trouver beaucoup de tutoriels vous apprenant à cloner leurs conceptions.
Un outil que vous pourriez aimer est le MediumEditor plugin basé sur du JavaScript pur. Ça vous permet ajouter un éditeur de texte en ligne personnalisé sur n'importe quelle page du même design que le site de blog Medium. Ainsi, vous pouvez laisser les lecteurs gras, italiques, ajouter des liens, des en-têtes et à peu près tout le reste, avec une simple barre d'outils visuelle.
Notez que ce projet n’est en aucun cas affilié à Medium. pas un plugin officiel.
Il a été créé par un fan du site et par quelqu'un qui aime le style de design Moyen. Vous pouvez en savoir plus sur la configuration sur GitHub qui stocke tout le code, totalement gratuit pour une utilisation.
L'éditeur fonctionne dans tous les principaux navigateurs, y compris la version actuelle de Microsoft Edge et IE. Il supporte même les anciennes versions d'Internet Explorer, remontant à IE7. Fou!
L'installation est un jeu d'enfant où vous pouvez extraire directement tous les fichiers via npm ou Bower, ou même utiliser un CDN en ligne gratuit comme JSDelivr.
Alors tu vasdd les fichiers CSS et JavaScript à l'en-tête de votre site web. Peasy facile.
À partir de là, vous appeler l'éditeur avec une seule ligne de code:
var editor = new MediumEditor ('. editable'); Vous pouvez passer une liste d'éléments de page cela ne devrait fonctionner qu'avec l'éditeur, ou vous pouvez laissez-le courir sur toute la page.
L’utilisation la plus pratique de ce plugin est probablement de créer un type d'éditeur WYSIWYG pour une application web.
Il ne gère pas le transfert de données en avant et en arrière entre le serveur et le client, vous aurez donc besoin de créer cette logique vous-même. Pourtant, ce plugin est tellement plus facile que de partir de zéro.
Si vous faites défiler la page de démonstration de MediumEditor tout en bas, vous trouverez un liste des extensions vous pouvez aussi tester. Ceux-ci inclus édition complète de démarques, de même que Boutons de style moyen et autres fonctionnalités de l'interface.
Ce plugin est hautement recommandé pour tous les fans de Medium qui veulent répliquer une partie de leur UX dans un autre projet.
