MediumEditor - Встроенная панель инструментов для редактирования текста в Интернете

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

Один инструмент, который вам может понравиться, это MediumEditor плагин основанный на чистом JavaScript. Это позволяет вам добавить собственный встроенный текстовый редактор на любую страницу в том же дизайне, что и сайт блога Medium. Таким образом, вы можете позволить читателям выделять жирным шрифтом, курсивом, добавлять ссылки, заголовки и почти все остальное, с простой визуальной панелью инструментов.

Обратите внимание, что этот проект никак не связан с Medium, поэтому не официальный плагин.

Он был создан фанатом сайта и тем, кто любит стиль дизайна Medium. Вы можете узнать больше о настройке на GitHub который хранит весь код, совершенно бесплатно для использования.

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

Установка это ветер, где вы можете вытащить все файлы напрямую через нпм или бауэр, или даже используйте бесплатный онлайн CDN такие как JSDelivr.

Тогда вы будетедд и CSS и JavaScript файлы в заголовок вашего сайта. Очень просто.

Оттуда ты позвонить редактору с одной строкой кода:

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

Вы можете передать список элементов страницы это должно работать только с редактором, или вы можете пусть он пробегает всю страницу.

Вероятно, наиболее практичным использованием этого плагина является создать какой-то тип редактора WYSIWYG для веб-приложения.

Это не обрабатывает передачу данных назад и вперед между сервером и клиентом, поэтому вам нужно создать эту логику самостоятельно. Тем не менее, этот плагин намного проще, чем начинать с нуля.

Если вы прокрутите до самой нижней части демонстрационной страницы MediumEditor, вы найдете список расширений Вы также можете проверить. Они включают полное редактирование уценки, вместе с Кнопки среднего стиля а также другие функции интерфейса.

Этот плагин настоятельно рекомендуется для всех поклонников Medium, которые хотят повторить некоторые из их UX в другом проекте.