Рецепты
Задачи, решённые публичным API Редактора, — каждая с Живым примером, который можно потрогать.
Каждый Рецепт — один файл кода: он запущен на странице с настоящим китом и показан исходником
рядом. Код можно копировать как есть, только Префикс acme_ замените на свой.
Свои Блоки и Метки
Поле письма
Строчный атом и кнопка с поповером на Панели.
Упоминания
Атом @имя и пункт «/» с поповером-поиском.
Врезка
Блок-контейнер: пункт в «/» и Действия в меню Ручки Блока.
Комментарии
Своя Метка с атрибутами и Карточка у текста.
Спойлер и Остров
Свой Блок, который оживает в RichTextView.
Видео
Ссылка на YouTube становится Блоком, в Просмотре — плеер.
Markdown своего Блока
Токенайзер, разбор и renderMarkdown: круг через Markdown.
Вставка и команды
Шаблоны
Структура документа одной правкой из «/».
Ассистент «/ai»
Запрос в поповере, ответ одной правкой, ход через showNotice.
Загрузка картинок
onUploadImage: вставка, перетаскивание, отказ.
Свои правила вставки
Инструмент без Блока: handlePaste, handleDrop и Сообщение поля.
Код экрана
Своя панель
Панель экрана на useRichTextEditorState.
Хэндл: шаблон и Markdown
Вставка у каретки, onReady и выгрузка Markdown.
Автосохранение
Сохранение по onBlur и «Сохранено» в Строке статуса.
Редактор в форме
FormField, name для FormData и своя обязательность.
Режим ревью
readOnly с Карточками комментариев.
Сервер и вид
Сервер и Просмотр
sanitizeRichText при сохранении и RichTextView в Next.js.
Свой бренд
Акцент, бренд кита и свой бренд одним блоком CSS.