Редактор, похожий на Notion

Меня это не удивляет. TipTap выглядит действительно хорошо и надёжно. :smile:

Кстати, я заметил, что TipTap на самом деле является обёрткой вокруг ProseMirror.

TipTap — это headless-обёртка для ProseMirror — набора инструментов для создания WYSIWYG-редакторов богатого текста, который уже используется во многих известных компаниях, таких как New York Times, The Guardian или Atlassian.

Создайте именно тот редактор богатого текста, который вам нужен, используя настраиваемые строительные блоки. TipTap поставляется с разумными настройками по умолчанию, множеством расширений и дружелюбным API для настройки любых аспектов. За ним стоит приветливое сообщество, он с открытым исходным кодом и бесплатен.

Я попробую его позже. Звучит очень интересно. Мне ещё предстоит проверить, сможет ли API TipTap, который, как я предполагаю, упрощает работу с API ProseMirror, раскрыть весь потенциал ProseMirror.


РЕДАКТИРОВАНИЕ: На самом деле мне следовало прочитать тему — об этом уже неоднократно указывалось выше :rofl:

3 лайка

Outline реализует редактор, основанный на TipTap и работающий по принципу блоков, поверх Y CRDT, очень похоже на AppFlowy. У последнего есть собственный блочный редактор.

Редактор AnyType при беглом взгляде кажется очень мощным. Однако я не знаю, насколько сильно он связан с лежащим в его основе хранилищем MongoDB.

Возможно, их исходный код может вдохновить на создание чего-то подобного?

К сожалению, сцена FLOSS-альтернатив для Airtable (low-code) и Notion (no-code) изобилует подводными камнями. Иногда действительно свободным и открытым (FLOSS) является лишь часть приложения.

Инструмент от AFFiNE показался интересным при тестировании.

У Notea также есть приятный и спокойный блочный редактор.

Единственной реализацией

похоже, является всепоглощающий hash.ai?

Есть много примеров, на которых можно учиться. Как сделать это правильно? В чём преимущество перед универсальностью простого текстового Markdown в сочетании с HTML и bbCode, плюс автобоксами?

Как блочный редактор повлияет на федерацию ActivityPub? Что может означать федерация отдельных блоков? Может ли это потенциально способствовать развитию федеративной трансклюзии блоков?

к сведению:

6 лайков

Стоит обратить внимание на функциональность редактора, встроенного в Obsidian. Это редактор markdown, который отображает разметку в реальном времени во время редактирования. Синтаксис markdown показывается только для текста под курсором, в остальном вы видите отрендеренный текст. Это кажется лучшим из обоих миров.

Похоже, что он построен на основе CodeMirror: CodeMirror 6.0 Stable Release | Hacker News.

1 лайк

А как на мобильных устройствах/планшетах отображается разметка Markdown? Если она не работает на сенсорных экранах, то это решение подходит только для одной среды, и для этого должен быть отдельный переключатель.

1 лайк

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

Редактирование: на мобильных устройствах функциональность более или менее такая же, как и на настольных компьютерах — по сути, это гибридный редактор Markdown/WYSIWYG. Я очень привержен Markdown, поэтому, разумеется, предвзят.

Я в этом вопросе просто обычный пользователь :zany_face: Но пока мы не получим WYSIWYG в ближайшем будущем, ещё одна кнопка переключения не создаст проблем с точки зрения UI/UX — хотя реализация такой функциональности — это совсем другая история. Даже в WordPress есть кнопка показать код (хотя система редактора в WP — ужасный беспорядок. Она полностью сломалась, когда Automattic решила перейти к видению сначала внешний вид, потом контент).

Я по-прежнему считаю, что самое важное — это настройка для полного скрытия панели инструментов, за исключением загрузки файлов. На мобильных устройствах это уже есть (как пасхалка :smirking_face:), хотя. Мне кажется, это важнее, чем улучшения или изменения самого редактора.

У нас есть две категории пользователей:

  • огромному большинству, которые почти никогда ничего не пишут, нужен очень низкий порог входа (правильно ли я говорю…) для комментирования
  • продвинутым пользователям, которым нужен широкий набор различных инструментов и удобный доступ к ним

Но, конечно, это зависит от ниши форумов. Однако моя смелая претензия состоит в том, что это верно для большинства форумов.

Discourse теперь предоставляет экспериментальный WYSIWYG-редактор :confetti_ball:

Это даёт нам все необходимые компоненты для создания опыта, похожего на Notion.

Учитывая это, @TheDarkWizard, считаете ли вы свой общий запрос выполненным?

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

12 лайков