Mawy
Редактор Markdown, который ещё и читает, выпущенный как библиотека React и как пакет Flutter. Писать можно прямо по свёрстанному документу или по исходному тексту, переключаясь одним щелчком, а готовый текст уходит в режим только для чтения и выглядит там точно так же.
Об этом проекте
Mawy — редактор и просмотрщик Markdown, собранные в одну библиотеку, для React и для Flutter. Редактор и отдельно поддерживаемый рендерер рано или поздно в чём-нибудь разойдутся — на таблице, на вложенном списке, на блоке кода — и документ, который утвердил автор, перестанет быть документом, который получит читатель. Здесь обе половины пользуются одним парсером и одним рендерером, поэтому набранное и есть прочитанное.
Редактор — это два вида одного документа, а не два редактора. Исходный текст Markdown с подсветкой синтаксиса и свёрстанная страница отстоят друг от друга на один щелчок, у каждой команды панели форматирования есть сочетание клавиш, а при переключении не теряется то, чего другой вид не умел выразить. Под подсветкой лежит настоящий textarea — именно поэтому продолжают работать история отмены в браузере, композиция методов ввода и клавиатура телефона. Просмотрщик — это законченный читальный экран: гарнитура, кегль, интерлиньяж, межбуквенный просвет, ширина колонки, светлая тема или тёмная и оглавление по заголовкам, и ничто из этого не трогает документ. Если документа не дать, он превращается в выбор файла: бросить на него .md — вот для чего его пустое состояние.
Установка — это пакет и одна строка CSS. Всё, что библиотека рисует, проходит через пользовательские свойства --mawy-*, поэтому смена оформления — это переобъявление токена на охватывающем элементе, а не победа над правилом по специфичности; тёмная тема — один из таких токенов. Ничего не подгружается со стороны: меню шрифтов предлагает то, что на машине читателя уже есть, а тринадцать семейств со свободной лицензией, которые идут в комплекте, используются только если приложение само их передаст. Markdown становится элементами, а не строкой HTML, так что между документом и страницей нет innerHTML. Пакет для React — только ESM, с объявлениями TypeScript и единственной зависимостью времени выполнения, для значков панели.
Возможности
Сайт документации
Типы TypeScript
Несколько языков
Проверено тестами
Кроссплатформенность
Доступность из коробки
Тёмная тема
Поддержка tree shaking