MediumEditor - Inline tekstbewerkingswerkbalk voor het web

Iedereen weet Medium.com en hun enorm populaire blogplatform. Ze nieuwe ideeën in de ontwerpwereld geherdefinieerd en je kunt veel tutorials vinden die je leren hoe je hun ontwerpen moet klonen.

Een hulpmiddel dat u misschien leuk vindt, is het MediumEditor-plug-in op basis van pure JavaScript. Het laat je voeg een aangepaste inline-teksteditor toe naar elke pagina in hetzelfde ontwerp als de Medium-blogsite. U kunt lezers dus vet laten weergeven, cursief maken, links, koppen en vrijwel al het andere toevoegen, met een eenvoudige visuele werkbalk.

Merk op dat dit project op geen enkele manier verbonden is met Medium, dus het is geen officiële plugin.

Het is gemaakt door een fan van de site en iemand die dol is op de Medium-ontwerpstijl. Jij kan lees meer over de instellingen op GitHub waarin alle code is opgeslagen, volledig gratis voor gebruik.

De bewerker werkt in alle belangrijke browsers, inclusief de huidige versie van Microsoft Edge en IE. Het ondersteunt zelfs oudere versies van Internet Explorer, daterend uit IE7. Gek!

Installatie is een eitje waar je kunt trek alle bestanden rechtstreeks via npm of Bower, of zelfs gebruik een gratis online CDN zoals JSDelivr.

Dan zul je eendd zowel de CSS- als JavaScript-bestanden naar de kop van uw website. Makkelijk.

Vanaf daar, jij bel de editor met een enkele regel code:

 var editor = new MediumEditor ('. editable'); 

Jij kan een lijst met pagina-elementen doorgeven dat zou alleen met de editor moeten werken, of je kunt het laat het over de hele pagina lopen.

Waarschijnlijk het meest praktische gebruik van deze plug-in is maak een soort van WYSIWYG-editor voor een web-app.

Het kan niet omgaan met het doorgeven van gegevens heen en weer tussen de server en de client, dus u moet die logica zelf maken. Toch is deze plug-in zoveel gemakkelijker dan helemaal opnieuw te beginnen.

Als je naar de onderkant van de demo-pagina van MediumEditor scrolt, vind je een lijst met extensies je kunt ook testen. Waaronder volledige markdown-bewerking, samen met Knopen in gemiddelde stijl en andere interface-functies.

Deze plug-in wordt ten zeerste aanbevolen voor alle fans van Medium die dat willen repliceren sommige van hun UX in een ander project.