Markdown Editor: WYSIWYG и markup-редактор на базе Gravity UI

[StanYurk]

Сергей, спасибо, интерестинг )

[sharhack]

При первой возможности воспрользуюсь, поскольку нередко необходимо README писать, чтобы презентовать сервис или написать инструкцию. Возьму на заметку

[Boomburum]

Попробовал демо — чудо чудесное 😍 многие штуки был бы рад видеть на Хабре — хотя бы те же блоки внимания. Кстати, пока писали статью, попробовали наш редактор — если вдруг непреодолимо хочется поделиться фидбеком, то можете мне в личку написать )

[little-brother]

Не соглашусь - попробовал сделать вложенный список: грусть-печалька: первый уровень - ок, а второй - не понятно что.

Добавлено попозже: понял - это лишний пробел :) Имхо, не очевидно совсем

[m_sergey]

Привет, внутри списков могут быть какие угодно блочные конструкции и мы задумывали как раз любую вложенность, чтобы была гибкость. Вложенные списки легко делать нажав Tab в пункте списка – он автоматически сдвинется вправо (кроме первого элемента списка).

А какое поведение ожидалось?

[little-brother]

Я, находясь в списке, при нажатии * ожидал переход на следующий уровень, а не получения странной конструкции. Которая реально несколько странная :)

[m_sergey]

Я пока не понял как это воспроизвести легко. Только скажем «неестественным способом ввода» смог – создал список, в первом элементе списка ввел символ *, затем перед * нажал Enter, затем вставил после * пробел и только тогда получилось

Есть способ проще это повторить?

[vvzvlad]

Вот бы хабр заменил свой редактор на такую штуку.. А то идут годы, а он лучше не становится

[Boomburum]

Ну вообще в нашем много изменений с момента запуска было :)

[stdenis]

Есть ли возможность подключить традиционным способом, через <script src=""/>, без всяких react, npm и т.д?

[m_sergey]

Пока не планируем так как редактор является частью экосистемы Gravity UI и мы активно используем компоненты из uikit (а они на React)

[polRk]

Коллеги, а есть планы сделать его кросплатформенным? например, на веб компонентах, чтоб можно было использовать в разных веб фреймворках?

[m_sergey]

Как написал выше редактор является частью экосистемы Gravity UI и если в Gravity UI uikit появится поддержка других фреймворков, то, думаю, и в редакторе поддержим. Что касается веб компонентов, то пока не планируем

[TimReset]

А почему markdown выбрали, а не asciidoc? Меня в md смущает собственно отсутствие md - каждый пилит собственный формат на основе него - GitHub, Obsidian, BitBucket ну и вы.

[m_sergey]

Кажется, что markdown стал своего рода стандартом, поэтому его и выбрали. Мы используем под капотом markdown-it, а он в свою очередь старается соответствовать стандарту CommonMark https://spec.commonmark.org/0.31.2/

[vlog]

Последние пару недель провёл за заполнением базы в Яндекс Вики и восхищался редактором, думая о том, как было бы здорово, если бы появилась возможность использовать его в своих проектах. И сегодня натыкаюсь на эту публикацию. Это лучшее пока, с чем приходилось работать, спасибо!

[marlibon]

Хорошо, что выкатываете в момент ухода Notion, и после доработок, можно выкатывать как сервис.
Мы поддерживаем свой редактор на основе Rich Markdown Editor (те же ProseMirror в основе).

Потрогал ваш редактор, выглядит интересно, визуально симпатично, но после своего редактора кажется простым, т.к. не хватает многих элементов, которые обычно и нужны как замена вордам/экселям:

• работа с ячейками таблиц (как в экселе), поддержка формул, сортировки и пр.;

• поддержка разных вариантов фонового выделения по цвету (можно только желтый выбрать, а хотелось бы зеленый, красный и т.д.) - не путать с выделением самого текста;

• возможно еще чего-то)

молодцы, что сделали и молодцы, что выложили в открытый доступ. Уверен, проект будет развиваться

[hard_sign]

А есть сборка в виде независимого приложения, например, через Electron?

Я вот, например, в полном восторге от редактора Typora. Всё то (ну, почти), что описано в этой статье, только безо всякого онлайна.

[Beholder]

Известных библиотек, которые работают одновременно в режиме WYSIWYG/markdown, мы не нашли.

Obsidian

[m_sergey]

Obsidian действительно умеет сохранять в .md и работать в двух режимах, в тоже время наш редактор – это скорее библиотека

[Beholder]

Переключатель в строке статуса с выбором всех режимов. Также можно назначить горячие клавиши.

[cinme]

Что-то у меня этот двух-мегабайтная PNG-картинка долго грузилась. Тем временем WEBP в 256 килобайт почти не уступает по качеству.