MediumEditor - Inline Tekstredigeringsverktøylinje for Internett

Alle vet Medium.com og deres svært populære blogging plattform. De redefinerte mange ideer i designverdenen og du kan finne mange opplæringsprogrammer som lærer deg hvordan du skal klone deres design.

Et verktøy du kanskje vil like er MediumEditor-plugin basert på rent JavaScript. Det lar deg legg til et tilpasset inline tekstredigeringsprogram til hvilken som helst side i samme design som mediebloggen. Så, du kan la leserne dristige, kursivisere, legge til lenker, overskrifter og stort sett alt annet, med en enkel visuell verktøylinje.

Merk at dette prosjektet ikke er tilknyttet Medium på noen måte, så det er ikke en offisiell plugin.

Den ble opprettet av en fan av nettstedet og noen som elsker middels design stil. Du kan Lær mer om oppsettet på GitHub som lagrer all kode, helt fri for bruk.

Redaktøren fungerer i alle de store nettleserne, inkludert den nåværende versjonen av Microsoft Edge og IE. Den støtter til og med eldre versjoner av Internet Explorer, som går tilbake til IE7. gal!

Installasjon er en bris hvor du kan trekk alle filene direkte via npm eller Bower, eller til og med bruk en gratis online CDN for eksempel JSDelivr.

Da vil du add både CSS og JavaScript-filer til overskriften på nettstedet ditt. Easy-peasy.

Derfra, du ring redaktøren med en enkelt linje med kode:

 var editor = ny MediumEditor ('redigerbar'); 

Du kan send en liste over sideelementer Det skal bare fungere med redaktøren, eller du kan la det løpe over hele siden.

Sannsynligvis er den mest praktiske bruken av denne plugin til lage en type WYSIWYG-editor for en web-app.

Den håndterer ikke bestått data frem og tilbake mellom serveren og klienten, så du må lage den logikken selv. Likevel er dette plugin så mye enklere enn å starte fra bunnen av.

Hvis du ruller helt ned til Middeleditor-demosiden, finner du en liste over utvidelser du kan også teste. Disse inkluderer full markdown redigering, sammen med Knapper i middels stil og andre grensesnittfunksjoner.

Dette pluginet er sterkt anbefalt for alle fans av Medium som vil gjenta noen av deres UX i et annet prosjekt.