MediumEditor - Inline alatna traka za uređivanje teksta na webu

Svi znaju Medium.com i njihova divlja popularna platforma za bloganje. Oni redefinirao je mnogo ideja u svijetu dizajna i naći ćete mnogo tutoriala koji vas uče kako klonirati njihove dizajne.

Jedan od alata koji vam se može svidjeti je Dodatak za MediumEditor na temelju čistog JavaScripta. To vam omogućuje dodajte prilagođeni uređivač teksta na bilo koju stranicu u istom dizajnu kao i blog na web-lokaciji Medium. Dakle, čitateljima možete dopustiti podebljano, kurzivno dodavanje, dodavanje veza, zaglavlja i gotovo sve ostalo, s jednostavnom vizualnom alatnom trakom.

Napominjemo da ovaj projekt ni na koji način nije povezan s tvrtkom Medium, tako da je nije službeni dodatak.

Kreirao ju je obožavatelj stranice i netko tko voli stil dizajna srednje veličine. Možeš saznajte više o postavljanju na GitHubu koji pohranjuje sav kod, potpuno besplatan za uporabu.

Urednik radi u svim većim preglednicima, uključujući trenutnu verziju Microsoft Edge i IE. Čak podržava i starije verzije programa Internet Explorer, počevši od IE7. Lud!

Instalacija je povjetarac gdje možete povucite sve datoteke izravno preko npm ili Bower, ili čak koristiti besplatni online CDN kao što je JSDelivr.

Tada ćete add i CSS i JavaScript datoteke u zaglavlje vaše web-lokacije. Jednostavan peasy.

Odatle, vi nazovite urednika s jednim retkom koda:

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

Možeš proslijediti popis elemenata stranice to bi trebalo raditi samo s uređivačem ili možete pustite ga da prelazi preko cijele stranice.

Vjerojatno je najpraktičnija uporaba ovog dodatka stvoriti neku vrstu WYSIWYG editora za web-aplikaciju.

To ne obrađuje podatke za prijenos natrag i naprijed između poslužitelja i klijenta, tako da ćete sami morati stvoriti tu logiku. Ipak, ovaj dodatak je mnogo lakši od početka.

Ako se pomaknete na sam kraj demo stranice MediumEditor, pronaći ćete popis proširenja možete i testirati. To uključuje potpuno uređivanje oznake, zajedno s Gumbi srednjeg stila i druge značajke sučelja.

Ovaj dodatak se preporučuje za sve ljubitelje medija koji to žele ponoviti neke od njihovih UX-a u drugom projektu.