Редактор текста на сайте агенты добавляют с сохранением форматирования и безопасным выводом

Что отдавать агенту? Например, поле «Условия доставки», где редактор хочет сам менять список и ссылку. Это пример задачи, не история клиента.

Визуальный редактор позволяет оформлять текст кнопками, без HTML. Такой способ называют WYSIWYG: видимое оформление близко к результату.

Панель ещё не означает готовую доработку. Агенту нужно связать её с сохранением и показом страницы. Иначе список красив только в админке.

Можно ли вставить документ как есть? Для первой задачи лучше назвать, что должно остаться. Список нужен, случайный шрифт из Word мешает.

Редакторы разбирают вставленный текст по своим правилам. Tiptap предупреждает о потере содержимого вне схемы документа, проверено 8 октября.

Оформление согласуют до выбора библиотеки. Документ проверяют в редакторе и на сайте, а не обещают точную копию Word.

Почему не хватит фильтра редактора? Запрос сохранения можно отправить в обход его кнопок. TinyMCE рекомендует серверную фильтрацию, проверено 8 октября.

Сервер принимает только разрешённую структуру. Для ссылок проверяют адреса: подпись «Наш прайс» сама по себе ничего не доказывает.

HTML нельзя просто показать как код страницы. Для разрешённого оформления нужна очистка; обычное экранирование выведет теги текстом.

Формат хранения выбирают под существующий сайт. Tiptap поддерживает JSON и HTML; JSON тоже требует проверки структуры и ссылок.

Старые записи должны открываться после замены поля. Если раньше в базе был обычный текст, его нельзя молча объявить готовым HTML.

Очистка и вывод работают вместе. OWASP предупреждает: изменения после очистки могут вернуть опасное содержимое, проверено 8 октября.

Как сформулировать заказ? В постановке задачи агенту называют поле, оформление и результат после сохранения. Названия библиотеки недостаточно.

Для приёмки подойдёт вымышленный документ о доставке. В нём нужны подзаголовок, список и ссылка. Сложную вёрстку проверяют отдельно.

Проверяют весь путь, включая ошибку сохранения. Сообщение «Сохранено» появляется после успешной записи, а не после нажатия кнопки.

Что мы проверяли сами? Машина агентов строит собственную админку vibecoding.ru. Следы работы доступны в открытой истории проекта.

В курсе «Агентная разработка» есть уроки «Устройство админки» и «Одиннадцать шагов одной задачи». Они описывают устройство и сдачу работы.

Наши поломки показывают, почему красивого экрана мало. Эти истории касаются передачи данных; внедрением WYSIWYG они не были.

Для редактора из этого следует конкретная приёмка. Список проверяют после записи, а новое поле согласуют с тем, что сайт умеет читать.

Ответственность за ошибки агента остаётся у команды, которая разрешает выпуск. Проверка опасного ввода должна быть частью доработки.

Исправленный дефект оставляют в проверке. Документ, на котором список распался, становится повторяемым примером для следующих изменений.

С чего начать в действующей админке? С одного поля и существующего сохранения. Переписывать всю систему ради списков и ссылок не нужно.

Подписка на агентную разработку «Один проект» стоит 250 000 ₽ в месяц, по /services на 8 октября 2026. Инженер ведёт машину агентов.

В работе одна задача, следующая ждёт в очереди. Код остаётся в вашем репозитории; пауза возможна в любой месяц, оплаченные дни переносятся.

Подписка подходит, если после редактора остаётся очередь доработок. Для единственной разовой правки сопоставьте объём с ценой месяца.

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

Успех виден в работе редакции. Редактор сам меняет список и ссылку, сохраняет и видит нужную версию без просьбы к программисту.

1. Закажите путь от поля до страницы, включая сохранение и повторное открытие.

2. До выбора библиотеки согласуйте оформление, которое должно остаться.

3. Включите в задачу проверку на сервере и безопасный публичный вывод.

4. Принимайте на одном документе обычный ввод, запрещённый ввод и отказ сохранения.

5. Начните с одного поля; оставьте удачный сценарий проверкой для следующих правок.