MediumEditor - Inline Tekstredigeringsværktøjslinje til internettet
Alle ved Medium.com og deres vildt populære blogging platform. De omdefinerede mange ideer i designverdenen og du kan finde masser af tutorials lære dig hvordan man klonerer deres designs.
Et værktøj du måske kan lide er MediumEditor plugin baseret på rent JavaScript. Det lader dig Tilføj et brugerdefineret inline tekstredigeringsprogram til enhver side i samme design som medieblogsiden. Så du kan lade læsere fed, kursivisere, tilføje links, overskrifter og stort set alt andet, med en simpel visuel værktøjslinje.
Bemærk dette projekt er ikke tilknyttet Medium på nogen måde, så det er ikke et officielt plugin.
Det blev skabt af en fan af webstedet og en person, der elsker den mellemstore design stil. Du kan Lær mere om opsætningen på GitHub som lagrer hele koden, helt fri til brug.
Redaktøren fungerer i alle større browsere, herunder den nuværende version af Microsoft Edge og IE. Det understøtter endda ældre versioner af Internet Explorer, der går tilbage til IE7. Helt vildt!
Installation er en brise, hvor du kan Træk alle filerne direkte via npm eller Bower, eller endda Brug en gratis online CDN såsom JSDelivr.
Så vil du endd både CSS og JavaScript-filer til overskriften på dit websted. Easy-peasy.
Derfra, du ring redaktøren med en enkelt kodekode:
var editor = ny MediumEditor ('redigerbar');
Du kan send en liste over sideelementer det skal kun fungere med redaktøren, eller du kan lad det løbe over hele siden.
Sandsynligvis er den mest praktiske brug af dette plugin til lav en type WYSIWYG editor til en webapp.
Det håndterer ikke passerende data frem og tilbage mellem serveren og klienten, så du skal selv oprette logikken. Alligevel er dette plugin så meget nemmere end at starte fra bunden.
Hvis du ruller helt ned på MediumEditor demo siden, finder du en liste over udvidelser du kan også teste. Disse omfatter fuld markdown redigering, sammen med Knapper i mellemstørrelse og andre interface funktioner.
Dette plugin anbefales stærkt til alle fans af Medium, som vil replikere nogle af deres UX i et andet projekt.