MediumEditor - Inline orodna vrstica za urejanje besedila za splet

Vsi vejo Medium.com in njihovo zelo priljubljeno platformo za bloganje. Oni preoblikovali veliko idej v svetu oblikovanja in boste našli veliko vaj, ki vas bodo učile, kako klonirati njihove modele.

Eno orodje, ki vam bo všeč, je Vtičnik MediumEditor na osnovi čistega JavaScripta. To vam omogoča dodaj urejevalnik besedila po meri na katerokoli stran v isti zasnovi kot spletna stran Srednje blog. Torej lahko bralcem dovolite krepko, poševno, dodajanje povezav, glave in vse ostalo, s preprosto vizualno orodno vrstico.

Upoštevajte, da ta projekt ni povezan s programom Medium na kakršen koli način, zato je ni uradni vtičnik.

Ustvaril jo je oboževalec spletnega mesta in nekdo, ki ljubi slog oblikovanja Medium. Ti lahko izveste več o namestitvi na GitHubu ki shranjuje vso kodo, popolnoma brezplačno za uporabo.

Urednik deluje v vseh večjih brskalnikih, vključno s trenutno različico Microsoft Edge in IE. Podpira celo starejše različice Internet Explorerja, ki segajo v IE7. Nori!

Namestitev je prepirljiva, kjer lahko potegnite vse datoteke neposredno preko npm ali Bower ali celo uporabite brezplačno spletno CDN kot je JSDelivr.

Potem bostein datoteke CSS in JavaScript v glavo spletnega mesta. Enostavno.

Od tam, ti pokličete urednika z eno vrstico kode:

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

Ti lahko podajte seznam elementov strani to naj deluje samo z urednikom ali pa lahko pustite, da teče čez celotno stran.

Verjetno najbolj praktična uporaba tega vtičnika je ustvarite neko vrsto urejevalnika WYSIWYG za spletno aplikacijo.

To ne obdeluje podatkov o pošiljanju nazaj in nazaj med strežnikom in odjemalcem, zato boste morali to logiko ustvariti sami. Kljub temu je ta vtičnik veliko lažji od začetka.

Če se pomaknete na dno predstavitvene strani MediumEditor, boste našli a seznam razširitev lahko tudi testirate. Tej vključujejo popolno urejanje oznake, skupaj z Gumbi srednjega sloga in druge funkcije vmesnika.

Ta vtičnik je zelo priporočljiv za vse ljubitelje Mediuma, ki želijo posnemite nekaj svojih UX v drugem projektu.