Редактор LiKE

Встроенный редактор для создания и редактирования статей базы знаний. Основан на TipTap (ProseMirror) — тот же движок, что используется в Notion, GitBook и других современных редакторах.

#Интерфейс редактора

Редактор состоит из четырёх основных зон:

#Создание статьи

1. В разделе Статьи (или на Главной) нажмите «+ Создать статью» — откроется редактор.
2. Для новой статьи редактор показывает окно «Выберите шаблон»: начать с пустой, сгенерировать через AI-автор или взять готовый шаблон (список ниже).
3. Введите заголовок и пишите в основной области.
4. Статья сохраняется автоматически при каждом изменении.

#Шаблоны новой статьи

Кроме системных шаблонов, Редактор+ может создавать свои шаблоны для организации.

#Тулбар

Тулбар расположен над областью редактирования. Кнопки сгруппированы по функциям и разделены вертикальными линиями.

#Описание групп кнопок

1. История — ↩ Отменить (Ctrl+Z), ↪ Повторить (Ctrl+Shift+Z)

2. Тип блока — переключение между параграфом и заголовками H1–H3

3. Форматирование — B жирный, I курсив, U подчёркнутый, S зачёркнутый, ~ инлайн-код

4. Ссылки и списки — гиперссылка (Ctrl+Shift+K), маркированный, нумерованный, чек-лист

5. Блоки — цитата, код с подсветкой, таблица (grid picker до 8x8), разделитель, изображение

6. Спецблоки — Callout (info / warning / error / success), Toggle (сворачиваемый блок)

7. Выравнивание — по левому краю, по центру, по правому краю

8. Цвет — цвет текста (9 цветов), выделение фоном (7 цветов)

9. AI — выпадающее меню: AI Format, AI Improve, AI Rewrite, AI Translate (подробнее ниже)

10. Масштаб — от 70% до 150%, счётчик слов и время чтения

#Slash-команды

Введите символ / в пустой строке — откроется меню быстрой вставки. Начните набирать название для фильтрации.

Кнопка «+» — тот же список можно открыть кнопкой «+», которая появляется слева от пустой строки (когда курсор в пустом абзаце). Удобно вставлять блок мышью, не набирая /.

#Bubble Menu (плавающее меню)

Контекстные меню, которые появляются автоматически при взаимодействии с определённым типом контента.

#При выделении текста

Выделите фрагмент — над ним появится плавающая панель:

B жирный · I курсив · U подчёркнутый · S зачёркнутый · ~ код · 🔗 ссылка · ab highlight · X₂ subscript · X² superscript

#При клике на таблицу

Когда курсор в ячейке таблицы, появляется контекстное меню:

1. Строки — добавить строку сверху/снизу, удалить строку
2. Столбцы — добавить столбец слева/справа, удалить столбец
3. Ячейки — объединить выделенные, разделить ранее объединённую
4. Заголовок — пометить строку как заголовок
5. Развернуть на всю ширину — растянуть таблицу на всю ширину полотна. Доступно в портретной ориентации; в альбомной кнопка скрыта (там полотно и так широкое)
6. Формат текста в ячейке (кнопка «Aa») — жирный, курсив, подчёркнутый, зачёркнутый, код, выделение, под- и надстрочный
7. Удалить таблицу — убрать всю таблицу

#При клике на изображение

1. Размер (пресеты) — пять опций:
   • S — 25 % ширины колонки (миниатюра)
   • M — 50 % (половина текста)
   • L — 75 % (крупная иллюстрация)
   • Full — 100 % (на всю ширину контента)
   • U (Custom) — любая произвольная ширина, заданная вручную через перетаскивание угла изображения (corner handles). Этот пункт подсвечивается жёлтым автоматически, если текущая ширина не совпадает ни с одним пресетом — это индикатор «вы сделали ручной resize». Клик по U не меняет ширину — это только индикатор.
2. Выравнивание — три варианта:
   • ◀ Слева — текст обтекает справа (float: left)
   • ■ По центру — изображение центрируется, текст идёт выше и ниже (не обтекает)
   • ▶ Справа — текст обтекает слева (float: right)
   • Авто-уменьшение: если выбрать левое/правое выравнивание при размере Full, ширина автоматически сократится до L (75 %) — иначе обтекание текстом не было бы заметно (картинка на всю ширину «прижимает» весь текст под себя).
3. Перемещение блока вверх/вниз (⌃ / ⌄) — поменять местами с соседним блоком (абзацем, заголовком, другой картинкой), не используя drag & drop. Удобно при тонкой настройке вёрстки.
4. Alt-текст — описание для SEO и accessibility (читалки для незрячих). Откроется маленький промт; введите 1–2 предложения о содержании картинки.
5. Удалить — убрать изображение из статьи.

Drag-resize. Помимо пресетов S/M/L/Full можно тянуть углы выделенной картинки мышью — ширина задаётся в пикселях или процентах с точностью до пикселя. Этот вариант ширины и подсвечивается индикатором U в bubble-меню.

#Горячие клавиши

#Изображения

#Как вставить

Изображения автоматически загружаются в облачное хранилище (S3 / совместимое). В тексте сохраняется ссылка на безопасный URL — оригинал не теряется при копировании контента.

#Управление размером

Доступны 4 пресета и пользовательский размер:

#Выравнивание и обтекание

Три варианта позиционирования:

• Слева — изображение прижимается к левому краю, текст обтекает справа
• По центру — изображение центрируется, текст идёт выше и ниже без обтекания
• Справа — изображение прижимается к правому краю, текст обтекает слева

Особенность: при попытке выровнять картинку влево/вправо в режиме Full, она автоматически уменьшается до L (75 %) — иначе обтекание не было бы заметно. Это сознательное поведение для здравой вёрстки.

#Обрезка, поворот и порядок

Выделите картинку — во всплывающем bubble-меню, помимо размера и выравнивания, доступны:

• Обрезать / повернуть — открывает встроенный редактор изображения (кадрирование, поворот, отражение)
• Переместить вверх / вниз — сдвинуть картинку среди соседних блоков без вырезания-вставки
• Удалить изображение

#Доступность (Alt-текст)

Кнопка Alt в bubble-меню открывает промт, где можно ввести описание содержимого изображения. Это используется:

• Поисковыми системами (SEO) — Google индексирует alt-тексты для поиска по картинкам
• Screen reader'ами для незрячих пользователей
• При сбое загрузки — alt-текст показывается на месте картинки

Рекомендуем для каждого изображения с информацией (скриншоты UI, схемы, диаграммы) задавать осмысленный alt в 1–2 предложения. Декоративные изображения можно оставить с пустым alt.

#Таблицы

#Вставка таблицы

1. Нажмите кнопку ▦ в тулбаре
2. Появится сетка выбора размера (до 8x8)
3. Наведите мышь для выбора количества строк и столбцов
4. Кликните для вставки

Или введите /table в slash-командах.

#Работа с таблицей

Над таблицей появляется компактный триггер (иконка таблицы + отдельная кнопка Aa для форматирования текста в ячейках). Клик открывает меню с группами:

Дополнительно: границы столбцов перетаскиваются мышью для изменения ширины; само меню можно перетащить за верхнюю ручку.

Развернуть на всю ширину — таблица выходит за колонку текста и занимает всю доступную ширину полотна (Notion-style). Пункт доступен в портретной ориентации; в альбомной полотно и так широкое (см. ниже).

#Ориентация полотна (портрет / альбом)

В верхней панели редактора — переключатель ориентации из двух кнопок:

• Портретная ориентация — стандартная колонка контента (узкая, удобно читать).
• Альбомная ориентация (для широких таблиц) — колонка расширяется, чтобы вместить широкие таблицы и схемы.

Выбор запоминается и применяется не только в редакторе, но и при печати и в A4-превью (лист поворачивается в альбом). Для отдельной широкой таблицы можно не менять ориентацию всего документа, а развернуть только её (см. «Развернуть на всю ширину» выше).

#Embeds (встроенный контент)

Вставляйте контент с внешних сервисов через slash-команду /embed:

1. Введите /embed → появится поле для URL
2. Вставьте ссылку на контент
3. Редактор автоматически определит тип и создаст iframe-превью

Поддерживаемые сервисы:

• YouTube — видеоролики
• Vimeo — видео
• Figma — макеты и дизайны
• Loom — видеозаписи экрана
• Miro — интерактивные доски
• Google Docs / Sheets / Slides — документы, таблицы и презентации

#Mermaid-диаграммы

Создавайте диаграммы прямо в тексте через slash-команду /mermaid:

graph TD
    A[Начало] --> B{Условие}
    B -->|Да| C[Действие 1]
    B -->|Нет| D[Действие 2]

Поддерживаемые типы: блок-схемы (flowchart), sequence-диаграммы, Gantt-диаграммы, mind map и другие.

#Математические формулы

#Блочная формула

Введите /math — откроется редактор LaTeX-формулы. Пример:

E = mc^2

#Инлайн-формула

Введите /math-inline для формулы внутри текста, например: при ускорении a = F/m.

Рендеринг через KaTeX — поддерживает большинство LaTeX-команд.

#AI-помощники

AI-помощник доступен через кнопку ✨ AI в тулбаре. Четыре функции:

Подробнее: AI-помощники

#Боковая панель

Справа от редактора расположена панель с четырьмя вкладками:

#1. Оглавление (TOC)

• Автоматически строится из заголовков H1, H2, H3
• Кликните на пункт — редактор прокрутится к нужному разделу
• Обновляется в реальном времени при добавлении заголовков

#2. Инсайты

• Оценка качества — AI-оценка полноты и читаемости статьи (0–100 баллов)
• Пробелы (Gap Alerts) — темы, по которым пользователи задают вопросы, но ответов в статье нет
• Связанные вопросы — запросы, на которые эта статья помогает ответить
• Рекомендации — предложения по улучшению контента
• Рецензирование — панель отправки статьи на проверку (для Pro/Enterprise)

#3. Комментарии

Обсуждение прямо в статье (доступно на тарифе Pro и выше):

• Добавить комментарий — ко всей статье или к выделенному фрагменту (текст фрагмента показывается в шапке комментария). Ctrl/⌘+Enter — быстрая отправка.
• Ответы — ветка ответов; упоминание участника через @Имя.
• Решить / вернуть — отметить обсуждение решённым и снова открыть; фильтр «Активные / Решённые».
• Редактировать можно свой комментарий; удалить — автор или редактор и выше.
• Автор статьи получает уведомление о новом комментарии, автор ветки — об ответе.

#4. История

• Список всех версий статьи с датами и авторами
• Просмотр предыдущих версий
• Откат к любой сохранённой версии
• Хранятся последние 30 точек восстановления на документ — более старые автоматически удаляются.
• Чтобы не плодить точку на каждое автосохранение, правки в пределах одной сессии (≈10 минут) объединяются в одну точку. Явное «Сохранить», «Опубликовать» и AI-операции создают отдельную точку.

#Сохранение и публикация

#Автосохранение

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

• Сохранение... — идёт сохранение
• Сохранено ✓ — все изменения сохранены

#Ручное сохранение

Нажмите Ctrl+S (⌘S на Mac) для немедленного сохранения.

#Публикация

1. Нажмите кнопку Опубликовать в правом верхнем углу
2. Статья станет доступна для поиска и AI-ответов
3. Статус изменится на «Опубликовано ✓»

При любых новых правках после публикации статус сбрасывается, и нужно снова нажать «Опубликовать».

#Видимость статей

Каждая статья имеет уровень видимости (настраивается через бейдж рядом с заголовком):

При переводе статьи в «Публичная» LiKE проверяет её на персональные данные и, если находит, показывает окно подтверждения перед публикацией. Подробнее — Проверка ПДн при публикации.

#Экспорт и шаринг

#Экспорт

Нажмите кнопку Экспорт в верхнем правом углу. Доступные форматы:

• Markdown — исходный текст
• HTML — веб-страница
• PDF — документ для печати
• DOCX — документ Word

#Поделиться

Нажмите кнопку Поделиться:

1. Публичная ссылка — любой с ссылкой может прочитать
2. Для команды — только авторизованные пользователи
3. Embed — HTML-код для встраивания на сайт

#Рецензирование (Pro и выше)

Согласование статьи перед публикацией. Панель — в правой боковой панели редактора, во вкладке Инсайты (блок «Согласование»).

1. Отправка на ревью — автор нажимает «Отправить на ревью» и выбирает рецензента из списка. На статью может быть только одна активная заявка.
2. Уведомление — выбранный рецензент получает уведомление «Вас просят проверить…».
3. Решение рецензента (роль Editor и выше; свою собственную заявку рецензировать нельзя):
   • Одобрить — если статья была черновиком, она автоматически переводится в видимость «Для команды»
   • Запросить изменения — вернуть автору на доработку
   • Отклонить
4. Уведомление автору — с итогом (одобрена / отклонена / требует доработки).
5. Отозвать — автор может отозвать свою заявку, пока она в ожидании.

#Drag & Drop

Перетаскиванием в редакторе поддерживается:

• Блоки контента — наведите на левый край блока, появится маркер перетаскивания (⠿). Зажмите и перетащите блок (или выделенную группу блоков, целую таблицу, пункт нумерованного списка) в нужное место.
• Изображения — картинку можно тащить как блок; плюс drag-resize за угол для произвольного размера.
• Файлы и картинки — перетащите файл изображения прямо в текст или вставьте из буфера (Ctrl+V / ⌘V) — загрузится и вставится туда, куда отпустили курсор.
• Статьи в дереве (режим «Дерево» / список) — перетаскивание меняет коллекцию/родителя; поддерживается мультивыбор для массового перемещения.

Строки и столбцы таблицы отдельным перетаскиванием не двигаются — для этого используйте меню таблицы (добавить / удалить).

#Callout-блоки

Четыре типа информационных блоков для выделения важного контента. Вставка: кнопка в тулбаре или slash-команда /callout.

#Toggle (сворачиваемые блоки)

Создавайте блоки, которые пользователь может раскрыть по клику:

1. Введите /toggle или нажмите кнопку Toggle в тулбаре
2. Введите заголовок блока
3. Внутри блока добавьте скрытый контент
4. При чтении пользователь увидит только заголовок и сможет раскрыть содержимое

Идеально для FAQ, дополнительных деталей и длинных инструкций.

#Совместное редактирование (Real-time Collaboration)

Несколько пользователей могут одновременно работать над одной статьёй.

Как это работает:

1. Откройте статью в редакторе — collaboration подключается автоматически
2. Цветные курсоры других пользователей отображаются в тексте в реальном времени
3. Изменения синхронизируются мгновенно через WebSocket

Ограничения:

• Максимум 50 одновременных подключений к одной статье
• При AI-операциях (AI Writer, AI Format) collaboration ставится на паузу — чтобы AI-вставка не конфликтовала с ручными правками

#История версий (Revisions)

Каждое сохранение статьи создаёт ревизию.

1. Откройте боковую панель → вкладка «История»
2. Отображается список ревизий с датой и автором
3. Нажмите на ревизию для предпросмотра
4. Кнопка «Откатить» — восстановить эту версию статьи

Ревизии создаются автоматически при:

• Ручном сохранении (Ctrl+S)
• Автосохранении (каждые 3 секунды при изменениях)
• Перед AI-операциями (чтобы можно было отменить)

#Шаблоны статей

При создании новой статьи открывается выбор шаблона:

Выбранный шаблон заполняет редактор структурой — остаётся добавить содержание.