MediumEditor - Inline Tool Edit Toolbar pro web

Každý ví Medium.com a jejich divoce populární blogovací platformu. oni předefinoval mnoho nápadů ve světě designu a můžete najít spoustu výukových programů, které vás naučí, jak klonovat jejich návrhy.

Jedním z nástrojů, který se vám líbí, je MediumEditor plugin založené na čistém JavaScriptu. To vám umožní přidat vlastní textový editor na libovolnou stránku ve stejném designu jako blog blogu Medium. Takže můžete nechat čtenáře tučně, kurzívu, přidat odkazy, záhlaví a skoro všechno ostatní, s jednoduchým vizuálním panelem nástrojů.

Všimněte si, že tento projekt není v žádném případě spojen se společností Medium není oficiální plugin.

To bylo vytvořeno fanouškem webu a někdo, kdo miluje střední design stylu. Můžeš dozvědět se více o nastavení na GitHub který ukládá všechny kódy, zcela zdarma pro použití.

Editor funguje ve všech hlavních prohlížečích, včetně aktuální verze Microsoft Edge a IE. Podporuje i starší verze aplikace Internet Explorer, které se datují do IE7. Šílený!

Instalace je hračkou, kde můžete vytáhněte všechny soubory přímo přes npm nebo Bower, nebo dokonce používat zdarma online CDN jako JSDelivr.

Pak budetedd soubory CSS i JavaScript do záhlaví vašich webových stránek. Snadné.

Odtud, ty volání editoru s jedním řádkem kódu:

 var editor = nový MediumEditor ('. editovatelný'); 

Můžeš předat seznam prvků stránky to by mělo fungovat pouze s editorem, nebo můžete nechte ho běžet přes celou stránku.

Pravděpodobně nejpraktičtější použití tohoto pluginu je vytvořit nějaký typ WYSIWYG editoru pro webovou aplikaci.

To nezpracovává předávání dat tam a zpět mezi serverem a klientem, takže tuto logiku musíte vytvořit sami. Přesto je tento plugin mnohem snazší, než začít od nuly.

Pokud přejdete na dolní stranu demoverze MediumEditor, najdete seznam rozšíření můžete také otestovat. Tyto zahrnují úplnou editaci markdown, spolu s Středně velká tlačítka a další funkce rozhraní.

Tento plugin je vysoce doporučován pro všechny fanoušky Medium, kteří chtějí replikovat některé z jejich UX v jiném projektu.