Идея этого инструмента появилась, когда мне в очередной раз понадобилось выложить куда-то нормально сверстанный HTML, чтобы потом можно было редактировать... Возиться с CMS или настройкой генератора было лень, а мысль о том, что впоследствии придется редактировать голый HTML вселяла ужас.
IMP! решает проблему «выложить прилично сверстанную страничку и потом редактировать ее в GUI» радикально.
TL;DR
Когда страница открывается по сети, с сайта, это легкий HTML, по-умолчанию не требующий Java Script (если вы сами не встроите туда что-то интерактивное). Когда вы открываете ее локально, это полнофункциональный редактор markdown (easyMDE) c возможностью предварительного просмотра и дополнительными полями для ввода SEO-тегов, пользовательских стилей и прочего.
Подробнее
По сути, IMP! это просто HTML страничка, в которой кроме, собственно, HTML, хранится исходник в markdown и необходимые настройки.
Кроме того, в ней прописан малюсенький скриптик, который при загрузке проверяет, не пора ли переходить в режим редактирования, и, при необходимости, подгружает редактор.
При сохранении создается страничка с такими же свойствами. Так что никаких промежуточных файлов, исходников, настроек, все происходит в одном окне браузера, с помощью одного файла.
Кстати, в IMP! можно импортировать существующий markdown, а также экспортировать текст в него. Поддерживатся что-то вроде гитхабовского markdown, с таблицами и чекбоксами.
Про дизайн
По умолчанию прилагается простой, но красивый стиль на основе GutenbergCSS (я про него писал). В редакторе есть поле для ввода дополнительных правил CSS, что позволяет подогнать шрифты, цвета, размеры и прочее под ваши представления о прекрасном.
Кроме того, редактор позволяет писать HTML вперемешку с markdown, то есть, можно сделать собственные блоки и прочую красоту. Да, и встроить интерактивные элементы тоже.
При этом можно без проблем заменить и умолчальный CSS. Я планирую сделать еще парочку «тем», но на самом деле в выводимом HTML нет никаких хитростей, и он изолирован от стилей редактора, так что написать свой стиль — максимально просто.
Нравится? Нужно?
Подробная информация, скачать без СМС и пр., на Github:
Проект в начале развития, буду благодарен за отзывы, советы (и звездочки, обязательно звездочки :))
