MediumEditor - interneto teksto redagavimo įrankių juosta

Visi žino Medium.com ir jų labai populiarus dienoraščių platforma. Jie iš naujo apibrėžė daug idėjų dizaino pasaulyje ir jūs galite rasti daug pamokų, mokančių, kaip klonuoti jų dizainą.

Vienas įrankis, kurį galbūt norėtumėte, yra „MediumEditor“ papildinys pagrįstas grynu „JavaScript“. Tai leidžia jums pridėkite pasirinktinį teksto redaktorių į bet kurį tą patį dizainą kaip ir vidutinio dydžio tinklaraščio svetainę. Taigi, galite leisti skaitytojams paryškinti, kursyvuoti, pridėti nuorodas, antraštes ir beveik viską, naudojant paprastą vaizdinę įrankių juostą.

Atminkite, kad šis projektas jokiu būdu nėra susijęs su „Medium“, todėl tai yra ne oficialus papildinys.

Jį sukūrė svetainės gerbėjas ir kažkas, kas mėgsta Vidutinio dizaino stilių. Tu gali sužinokite daugiau apie „GitHub“ sąranką kuris saugo visą kodą, visiškai nemokamai.

Redaktorius veikia visose pagrindinėse naršyklėse, įskaitant dabartinę „Microsoft Edge“ ir IE versiją. Jis netgi palaiko senesnes „Internet Explorer“ versijas, kurios yra sukurtos iš IE7. Crazy!

Įrengimas yra vėjas, kur galite ištraukite visus failus tiesiogiai per npm arba Bower arba net naudoti nemokamą internetinį CDN pavyzdžiui, JSDelivr.

Tada jūsdd ir CSS, ir „JavaScript“ failus prie svetainės antraštės. Lengvas.

Iš ten jūs skambinkite redaktoriui su viena kodo eilute:

 var redaktorius = naujas „MediumEditor“ („. redaguojamas“); 

Tu gali perduoti puslapių elementų sąrašą tai turėtų dirbti tik su redaktoriu arba galite leiskite jam paleisti per visą puslapį.

Turbūt praktiškiausias šio papildinio naudojimas yra sukurti tam tikrą WYSIWYG redaktoriaus tipą žiniatinklio programai.

Tai neperduoda perduodančių duomenų atgal ir atgal tarp serverio ir kliento, taigi jums reikės sukurti šią logiką. Vis dėlto šis įskiepis yra daug lengviau nei pradedant nuo nulio.

Jei pereisite prie pačios MediumEditor demonstracinio puslapio apačios, rasite a plėtinių sąrašas taip pat galite išbandyti. Jie apima pilnas žymėjimo redagavimas, kartu su Vidutinio stiliaus mygtukai ir kitos sąsajos funkcijos.

Šis įskiepis labai rekomenduojamas visiems „Medium“ gerbėjams, kurie nori kartoti kai kuriuos jų UX kitame projekte.