MediumEditor - Inline szövegszerkesztő eszköztár az interneten

Mindenki tudja Medium.com és a vadon népszerű blogbázisuk. Ők új ötleteket definiált a design világban és rengeteg oktatóanyagot talál, amelyek tanítják, hogyan kell klónozni a terveiket.

Lehet, hogy az egyik eszköz az MediumEditor bővítmény tiszta JavaScript alapján. Ez lehetővé teszi adjon hozzá egy egyéni szöveges szerkesztőt bármely olyan oldalra, amely ugyanolyan formájú, mint a közepes blogoldal. Tehát az olvasók merészek, dőltek, linkek, fejlécek és egészen más, egyszerű vizuális eszköztárral.

Ne feledje, hogy ez a projekt semmilyen módon nem kapcsolódik a Mediumhoz, így nem hivatalos plugin.

Ezt a webhely rajongója hozta létre és valaki, aki szereti a közepes dizájnt. tudsz További információ a GitHub telepítéséről amely a kódot tárolja, teljesen ingyenes.

A szerkesztő minden nagyobb böngészőben működik, beleértve a Microsoft Edge és IE aktuális verzióját is. Még az Internet Explorer korábbi verzióit is támogatja, melyek az IE7-ből származnak. Őrült!

A telepítés szellő, ahol lehet húzza az összes fájlt közvetlenül npm vagy Bower vagy akár használjon ingyenes online CDN-t mint például a JSDelivr.

Akkor egydd mind a CSS, mind a JavaScript fájlokat a webhely fejlécéhez. Egyszerű peasy.

Innen, te hívja a szerkesztőt egyetlen kódsorral:

 var editor = új MediumEditor ('. szerkeszthető'); 

tudsz adja át az oldalelemek listáját ez csak a szerkesztővel működik, vagy lehet hagyja, hogy az egész oldalon futjon.

Valószínűleg a plugin legpraktikusabb használata az hozzon létre valamilyen WYSIWYG szerkesztőt webes alkalmazáshoz.

Azt nem kezeli a továbbító adatokat a kiszolgáló és az ügyfél között, ezért magának kell létrehoznia ezt a logikát. Mégis, ez a bővítmény sokkal könnyebb, mint a semmiből.

Ha lapozzunk a MediumEditor demóoldal aljára, akkor a bővítmények listája tesztelheted is. Ezek tartalmazzák teljes körű szerkesztés, együtt Közepes stílusú gombok és egyéb interfész funkciók.

Ez a bővítmény erősen ajánlott a Medium minden rajongójának, aki szeretné replikáljon néhány UX-et egy másik projektben.