Pagina principala » Setul de instrumente » MediumEditor - Bara de instrumente de editare text în linie pentru Web

    MediumEditor - Bara de instrumente de editare text în linie pentru Web

    Toată lumea știe Medium.com și platforma lor extrem de populară de blogging. ei a redefinit o mulțime de idei în lumea designului și puteți găsi o mulțime de tutoriale care vă învață cum să clona desenele lor.

    Un instrument care vă poate plăcea este MediuEditor plugin bazat pe JavaScript pur. Te lasă adăugați un editor de text personalizat personalizat la orice pagină în același design ca și site-ul blogului Medium. Deci, puteți lăsa cititorilor îndrăzneți, italiticizați, adăugați linkuri, anteturi și aproape orice altceva, cu o simplă bara de instrumente vizuale.

    Rețineți că acest proiect nu este afiliat cu Mediu în nici un fel, așa că este nu un plugin oficial.

    A fost creat de un fan al site-ului și de cineva care iubește stilul de design Medium. Poti aflați mai multe despre setarea pe GitHub care stochează tot codul, total gratuit pentru utilizare.

    Editorul funcționează în toate browserele importante, inclusiv versiunea curentă a Microsoft Edge și IE. Suportă chiar versiuni mai vechi ale Internet Explorer, datând din IE7. Nebun!

    Instalarea este o briza unde poți trageți direct toate fișierele prin npm sau Bower, sau chiar utilizați un CDN gratuit online cum ar fi JSDelivr.

    Atunci vei add atât fișierele CSS, cât și fișierele JavaScript la antetul paginii dvs. web. Easy-peasy.

    De acolo, voi sunați editorul cu o singură linie de cod:

     var editor = nou MediumEditor ("editable"); 

    Poti transmiteți o listă de elemente de pagină care ar trebui să funcționeze numai cu editorul sau puteți lăsați-o să ruleze întreaga pagină.

    Probabil cea mai practică utilizare a acestui plugin este creați un tip de editor WYSIWYG pentru o aplicație web.

    Aceasta nu se ocupă de transmiterea datelor înapoi și înapoi între server și client, deci va trebui să creați singur acea logică. Totuși, acest plugin este mult mai ușor decât pornirea de la zero.

    Dacă parcurgeți în partea de jos a paginii demo MediumEditor veți găsi a listă de extensii puteți testa, de asemenea. Acestea includ editarea completă a marcajului, impreuna cu Butoane în stilul mijlociu și alte caracteristici de interfață.

    Acest plugin este recomandat tuturor fanilor Medium care doresc replică unele dintre UX-urile lor într-un alt proiect.