MediumEditor - Inline-tekstin muokkaustyökalupalkki Webiin

Kaikki tietävät Medium.com ja niiden hurja suosittu blogging-foorumi. Ne määritteli paljon ideoita designmaailmassa ja löydät paljon opetusohjelmia, jotka opettavat sinulle, miten kloonata niiden mallit.

Yksi työkalu, jonka haluat ehkä, on MediumEditor-laajennus perustuu puhdas JavaScript. Sen avulla voit lisää mukautettu inline-tekstieditori sivulle, joka on saman muotoinen kuin Medium-blogisivusto. Voit siis antaa lukijoille rohkeita, kursivoituja, lisätä linkkejä, otsikoita ja melko paljon muuta, yksinkertaisen visuaalisen työkalurivin avulla.

Huomaa, että tämä projekti ei ole sidoksissa Mediumiin millään tavalla, joten se on ole virallinen plugin.

Se on luotu sivuston fani ja joku, joka rakastaa keskisuurta muotoilua. Sinä pystyt lisätietoja GitHubin asetuksista joka tallentaa kaiken koodin täysin käytettäväksi.

Leikkaaja toimii kaikissa tärkeimmissä selaimissa, mukaan lukien nykyinen Microsoft Edge- ja IE-versio. Se tukee jopa Internet Explorerin vanhempia versioita, jotka ovat peräisin IE7: stä. Hullu!

Asennus on tuulta, jossa voit vedä kaikki tiedostot suoraan npm: n tai Bowerin kautta tai jopa käytä ilmainen online-CDN kuten JSDelivr.

Sitten add sekä CSS- että JavaScript-tiedostot sivustosi otsikkoon. Helppo nakki.

Sieltä sinä soita editorille yhdellä koodirivillä:

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

Sinä pystyt välitä luettelo sivuelementeistä joka toimii vain editorin kanssa tai voit anna sen kulkea koko sivun yli.

Todennäköisesti tämän laajennuksen käytännöllisin käyttö on luo jonkin tyyppinen WYSIWYG-editori Web-sovellukseen.

Se ei käsittele kulkevia tietoja edestakaisin palvelimen ja asiakkaan välillä, joten sinun on luotava kyseinen logiikka itse. Tämä laajennus on kuitenkin paljon helpompaa kuin aloittaa tyhjästä.

Jos siirryt MediumEditor-esittelysivun alareunaan, löydät a luettelo laajennuksista voit testata myös. Nämä sisältävät Täydellinen merkintämuokkaus, kera Keskitason painikkeet ja muita liitäntäominaisuuksia.

Tämä plugin on erittäin suositeltavaa kaikille Mediumin faneille, jotka haluavat kopioida joitakin niiden UX: ää toisessa hankkeessa.