MediumEditor - панель інструментів для вбудовування тексту в Інтернеті
Всі знають Medium.com та їхня дико популярна платформа для блогів. Вони перевизначено багато ідей у світі дизайну і ви можете знайти безліч підручників, які навчають вас, як клонувати їх конструкції.
Одним з інструментів, який вам може сподобатися, є Плагін MediumEditor на основі чистого JavaScript. Це дозволяє вам додайте власний вбудований текстовий редактор на будь-яку сторінку в тому ж дизайні, що й веб-сайт Medium. Отже, ви можете дозволити читачам виділити, виділити курсивом, додати посилання, заголовки та майже все інше, з простою візуальною панеллю інструментів.
Зверніть увагу, що цей проект жодним чином не пов'язаний з Medium, так що це не офіційний плагін.
Він був створений фанатом сайту і тим, хто любить стиль дизайну Medium. Ти можеш Докладніше про налаштування на GitHub який зберігає весь код, повністю безкоштовний для використання.
Редактор працює у всіх основних браузерах, включаючи поточну версію Microsoft Edge та IE. Він навіть підтримує старі версії Internet Explorer, починаючи з IE7. Божевільний!
Установка є вітер, де можна витягніть всі файли безпосередньо через npm або Bower або навіть використовувати безкоштовний онлайн CDN наприклад JSDelivr.
Тоді ви будете add і файли CSS і JavaScript до заголовка веб-сайту. Простенька.
Звідти, ви зателефонуйте редактору з одним рядком коду:
var editor = новий MediumEditor ('. editable'); Ти можеш передати список елементів сторінки це може працювати тільки з редактором, або ви можете нехай вона пробігає по всій сторінці.
Ймовірно, найбільш практичне використання цього плагіна створити якийсь тип редактора WYSIWYG для веб-програми.
Це не обробляє передані дані назад і вперед між сервером і клієнтом, тому вам доведеться самостійно створити цю логіку. Тим не менш, цей плагін набагато простіше, ніж починати з нуля.
Якщо ви перейдете до самого нижнього краю демонстраційної сторінки MediumEditor, ви знайдете a список розширень ви також можете перевірити. До них відносяться повне редагування розмітки, разом з Кнопки середнього стилю і інші функції інтерфейсу.
Цей плагін рекомендується для будь-яких шанувальників Medium, які хочуть повторити деякі з їх UX в іншому проекті.
