MediumEditor - Pasek narzędzi do edycji tekstu w internecie

Wszyscy wiedzą Medium.com i ich niezwykle popularna platforma blogowa. one przedefiniował wiele pomysłów w świecie projektowania i możesz znaleźć wiele samouczków uczących, jak klonować swoje projekty.

Jedno narzędzie, które możesz polubić, to Wtyczka MediumEditor oparty na czystym JavaScript. Pozwala ci dodaj niestandardowy wbudowany edytor tekstu do dowolnej strony w tym samym projekcie, co strona blogu Medium. Możesz więc pozwolić czytelnikom pogrubić, pochylić, dodać linki, nagłówki i prawie wszystko inne, za pomocą prostego paska narzędzi wizualnych.

Zauważ, że ten projekt nie jest powiązany z Medium w żaden sposób, więc jest nie oficjalna wtyczka.

Został stworzony przez fana witryny i kogoś, kto uwielbia styl projektowania Medium. Możesz dowiedz się więcej o konfiguracji w GitHub który przechowuje cały kod, całkowicie za darmo.

Edytor działa we wszystkich głównych przeglądarkach, w tym aktualna wersja Microsoft Edge i IE. Obsługuje nawet starsze wersje Internet Explorera, sięgające IE7. Zwariowany!

Instalacja jest bardzo prosta ściągnij wszystkie pliki bezpośrednio przez npm lub Bower, a nawet skorzystaj z bezpłatnego internetowego CDN takich jak JSDelivr.

Wtedy będzieszdd zarówno pliki CSS, jak i JavaScript w nagłówku Twojej witryny. Bułka z masłem.

Stamtąd zadzwoń do edytora za pomocą jednej linii kodu:

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

Możesz przekazać listę elementów strony to powinno działać tylko z edytorem lub możesz niech biegnie po całej stronie.

Prawdopodobnie najbardziej praktycznym zastosowaniem tej wtyczki jest utwórz jakiś edytor WYSIWYG dla aplikacji internetowej.

To nie obsługuje przekazywania danych tam iz powrotem między serwerem a klientem, więc musisz stworzyć tę logikę samodzielnie. Mimo to ta wtyczka jest o wiele łatwiejsza niż od początku.

Jeśli przewiniesz do samego dołu strony demonstracyjnej MediumEditor, znajdziesz lista rozszerzeń możesz również testować. Obejmują one pełna edycja przecen, wraz z Przyciski w średnim stylu i inne funkcje interfejsu.

Ta wtyczka jest wysoce zalecana dla wszystkich fanów Medium, którzy chcą powielaj niektóre ich UX w innym projekcie.