MediumEditor - Inline textredigeringsverktygsfält för webben

Alla vet Medium.com och deras väldigt populära bloggplattform. De omdefinierade många idéer i designvärlden och du kan hitta massor av handledningar som lär dig hur man klonar sina mönster.

Ett verktyg du kanske gillar är MediumEditor plugin baserad på ren JavaScript. Det låter dig Lägg till en anpassad inline textredigerare till vilken sida som helst i samma design som Medium blogg webbplatsen. Så, du kan låta läsare djärva, kursivera, lägga till länkar, rubriker och ganska mycket allt annat, med ett enkelt visuellt verktygsfält.

Observera att projektet inte är anslutet till Medium på något sätt så det är inte en officiell plugin.

Den skapades av en fan av webbplatsen och någon som älskar den medelstora designstilen. Du kan lära dig mer om installationen på GitHub som lagrar hela koden, helt fri för användning.

Redaktören fungerar i alla större webbläsare, inklusive den nuvarande versionen av Microsoft Edge och IE. Den stöder även äldre versioner av Internet Explorer, som går tillbaka till IE7. Galen!

Installation är en bris där du kan Dra alla filer direkt via npm eller Bower, eller ens använd en gratis online-CDN som JSDelivr.

Då ska du add både CSS och JavaScript-filer till rubriken på din webbplats. Lätt som en plätt.

Därifrån, du ring redaktören med en enda kodkod:

 var editor = ny MediumEditor ('redigerbar'); 

Du kan skicka en lista över sidelement Det ska bara fungera med redaktören, eller så kan du låt det springa över hela sidan.

Förmodligen den mest praktiska användningen av denna plugin är att skapa en typ av WYSIWYG-redigerare för en webapp.

Det hanterar inte passande data fram och tillbaka mellan servern och klienten, så du måste skapa den logiken själv. Ändå är det här plugin så mycket enklare än att börja från början.

Om du bläddrar längst ner på MediumEditor-demosidan hittar du en lista över tillägg du kan testa också. Dessa inkluderar fullständig markdown redigering, tillsammans med Knappar i medelstora format och andra gränssnittsfunktioner.

Denna plugin rekommenderas starkt för alla fans av Medium som vill replikera några av deras UX i ett annat projekt.