MediumEditor - Вградена лента с инструменти за редактиране на текст в мрежата

Всички знаят Medium.com и тяхната популярна платформа за блогове. Те предефинира много идеи в света на дизайна и можете да намерите много уроци, които да ви научат как да клонират техните проекти.

Един от инструментите, който може да ви хареса, е Приставка за MediumEditor базиран на чист JavaScript. Тя ви позволява добавете персонализиран текстов редактор на всяка страница със същия дизайн като блога на Medium. Така че, можете да оставите читателите да бъдат удебелени, наклонени, да добавят връзки, заглавия и почти всичко останало, с проста визуална лента с инструменти.

Забележете, че този проект не е свързан с Medium по никакъв начин, така че е не е официален плъгин.

Той е създаден от фен на сайта и някой, който обича стила на дизайна на Medium. Можеш научете повече за настройката на GitHub който съхранява целия код, напълно свободен за използване.

Редакторът работи във всички основни браузъри, включително текущата версия на Microsoft Edge и IE. Той дори поддържа стари версии на Internet Explorer, датиращи от IE7. луд!

Инсталацията е бриз, където можете издърпайте всички файлове директно чрез npm или Bower, или дори използвайте безплатна онлайн CDN като JSDelivr.

Тогава ти щеи двата CSS и JavaScript файла в заглавната част на уебсайта Ви. Лесна работа.

Оттам, вие обадете се на редактора с един ред код:

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

Можеш премине списък на елементите на страницата това трябва да работи само с редактора или можете оставете го да премине през цялата страница.

Вероятно най-практичната употреба на този плъгин е да създайте някакъв вид WYSIWYG редактор за уеб приложение.

То не обработва данни за предаване назад и назад между сървъра и клиента, така че ще трябва сами да създадете тази логика. Все пак, този плъгин е много по-лесен, отколкото започвайки от нулата.

Ако превъртите до най-долната част на демонстрационната страница на MediumEditor, ще намерите списък с разширения можете също да тествате. Те включват пълно редактиране на намаление, заедно с Бутони със среден стил и други функции на интерфейса.

Този плъгин се препоръчва за всички фенове на Medium, които искат повторете някои от техните UX в друг проект.