Все шаблоны

Контент

Редактор текста

Заметки и статьи с картинками и разметкой

Среднийредакторtiptapтекст

Визуальный редактор: заголовки, списки, код, картинки перетаскиванием, ссылки. Содержимое хранится структурой, а не строкой HTML, поэтому его можно безопасно отрисовать где угодно.

Что внутри

  • Форматирование, код с подсветкой, таблицы
  • Картинки перетаскиванием и вставкой из буфера
  • Автосохранение черновика
  • Содержимое как структура, а не HTML-строка

Что добавит в проект

Поверх общей базы — она уже даёт авторизацию, базу и интерфейс.

Таблицы в базе1

documents_rich

Пакеты npm2

@tiptap/react@tiptap/starter-kit

Маршруты1

/api/editor/upload

Связи

Подтянет за собой

Разбор архитектуры

HTML в базе — это хранимый XSS ровно до первого пропущенного места очистки. Структура же отрисовывается своими компонентами: то, чего нет в схеме, просто не отрисуется, и очистка не нужна.

Общая база

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

Next.js 16 (App Router)TypeScriptPostgreSQL + Drizzle ORMAuth.jsTailwind CSS + shadcn/uiDocker