MediumEditor - veebi sisemise tekstiredigeerimise tööriistariba

Kõik teavad Medium.com ja nende metsikult populaarne blogimisplatvorm. Nad ümber kujundanud palju ideid disainimaailmas ja leiad palju õpetusi, mis õpetavad teile, kuidas oma disainilahendusi kloonida.

Üks tööriist, mis teile meeldib, on MediumEditor plugin põhineb puhtal JavaScript. See võimaldab teil lisage kohandatud inline tekstiredaktor ükskõik millisele leheküljele, mis on samasuguse kujuga kui keskmise blogi sait. Niisiis, saate lasta lugejatel julge, kursiivis, lingid, päised ja päris palju muud, lihtsa visuaalse tööriistaribaga.

Pange tähele, et see projekt ei ole mingil viisil Mediumiga seotud, see on mitte ametlik plugin.

Selle on loonud saidi fänn ja keegi, kes armastab keskmist disaini. Sa saad Lisateavet GitHubi seadistamise kohta mis salvestab kogu koodi, täiesti tasuta kasutamiseks.

Toimetaja töötab kõikides suuremates brauserites, kaasa arvatud Microsoft Edge ja IE praegune versioon. See toetab isegi Internet Exploreri vanemaid versioone, mis pärinevad IE7-st. Hull!

Paigaldus on imelihtne, kus saate tõmmake kõik failid otse npm või Bower või isegi kasutage tasuta online CDN-i nagu JSDelivr.

Siis saate add nii CSS- kui ka JavaScript-faile veebisaidi päisesse. Lihtne.

Sealt helistage toimetajale ühe koodireaga:

 var editor = new MediumEditor ('. redigeeritav'); 

Sa saad edastab leheküljeelementide loendi see peaks töötama ainult toimetajaga või saate lase tal joosta kogu lehel.

Tõenäoliselt on selle plugina kõige praktilisem kasutamine luua teatud tüüpi WYSIWYG redaktor veebirakenduse jaoks.

See ei käsitle edasi-tagasi andmeid edasi serveri ja kliendi vahel, nii et peate looma selle loogika ise. Siiski on see plugin nii palju lihtsam kui nullist.

Kui liigute MediumEditori demo lehe väga põhja, leiad a laienduste loend saate ka testida. Need sisaldavad täieliku märkimise redigeerimine, koos Keskmine stiilis nupud ja muud liidese funktsioonid.

See plugin on äärmiselt soovitatav kõigile keskmise suurusega fännidele korrata mõned oma UX-idest teises projektis.