Repolode
Предложить
ueberdosis

ueberdosis/tiptap

Headless-редактор форматированного текста на базе ProseMirror, не привязанный к фреймворку и расширяемый множеством расширений.

Open source альтернатива:Notion

Открыть на GitHubСайт
Звёзды
38,793
Форки
3,171
Открытые issues
909
Последний коммит
8 часов назад

Что это?

Tiptap — headless-редактор форматированного текста. Он поставляется без пользовательского интерфейса, поэтому разработчики сами задают внешний вид и компоновку редактора, а библиотека управляет состоянием документа, форматированием и поведением при редактировании. Редактор построен на библиотеке ProseMirror и работает с Vue, React и обычным JavaScript.

Функциональность добавляется с помощью расширений: доступно более 100 расширений — от базового форматирования текста до блочного редактирования с перетаскиванием. Разработчики также могут создавать собственные расширения и типы узлов в соответствии со своей моделью контента.

Проект входит в более широкую Tiptap Suite, где редактор работает в связке с Hocuspocus — open-source-бэкендом для совместной работы на базе Yjs. Некоторые расширенные возможности, например совместная работа, комментарии и AI-инструменты, доступны как Pro Extensions по подписке.

Ключевые возможности

  • 01Headless-архитектура без встроенного UI, дающая полный контроль над оформлением
  • 02Не привязан к фреймворку: работает с Vue, React и обычным JavaScript
  • 03Система расширений, включающая более 100 готовых расширений
  • 04Пользовательские расширения и узлы для настройки модели контента
  • 05Построен на ProseMirror

Сценарии использования

  • Добавление в веб-приложение поля для редактирования форматированного текста с собственным дизайном
  • Создание блочного редактора в стиле Notion на React или Vue
  • Создание редактора документов для совместной работы с Hocuspocus и Yjs

Быстрый старт

  1. 1

    Установите Tiptap agent skill в свой проект

    npx skills add ueberdosis/tiptap --skill tiptap
  2. 2

    Следуйте руководству по установке в документации Tiptap

Что важно знать

  • Это headless-редактор, поэтому пользовательский интерфейс не входит в комплект — его нужно создать самостоятельно.
  • Для использования Pro Extensions требуется действующая подписка.

Темы

#editor#rich-text#wysiwyg#prosemirror#javascript#typescript#react#vue#js#renderless-components

Частые вопросы

Что такое tiptap?
Headless-редактор форматированного текста на базе ProseMirror, не привязанный к фреймворку и расширяемый множеством расширений. Tiptap — headless-редактор форматированного текста. Он поставляется без пользовательского интерфейса, поэтому разработчики сами задают внешний вид и компоновку редактора, а библиотека управляет состоянием документа, форматированием и поведением при редактировании. Редактор построен на библиотеке ProseMirror и работает с Vue, React и обычным JavaScript.
tiptap можно использовать бесплатно? Какая у него лицензия?
tiptap распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
tiptap всё ещё поддерживается?
Активно поддерживается. Последний коммит в tiptap — 20 окт. 2026 г..
Для чего можно использовать tiptap?
Добавление в веб-приложение поля для редактирования форматированного текста с собственным дизайном Создание блочного редактора в стиле Notion на React или Vue Создание редактора документов для совместной работы с Hocuspocus и Yjs
Как установить tiptap?
Установите Tiptap agent skill в свой проект: npx skills add ueberdosis/tiptap --skill tiptap Следуйте руководству по установке в документации Tiptap
Где скачать tiptap?
Исходный код и инструкции по установке — на GitHub: https://github.com/ueberdosis/tiptap

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

xyflow / xyflow

Открытые библиотеки для React и Svelte, позволяющие создавать интерактивные интерфейсы на основе узлов: блок-схемы, графы и редакторы рабочих процессов.

Фронтенд и UI#react#svelte#flowchart
38,7 тыс.2,6 тыс.TypeScriptMITОбновлён 14 часов назад