Привет, TeachTech. Я тут подумал, может, стоит сделать плагин для WordPress, чтобы пользователи могли создавать интерактивные обучающие уроки по программированию с живыми превью – что-то вроде самодельного инструмента для онлайн-обучения прямо в редакторе. Как тебе идея объединить это с твоим талантом превращать сложные вещи в практические занятия?

Именно этого я и добиваюсь – простота, интуитивность, как будто по шагам. Кнопка "Набор для начинающих" – отличная идея; мы можем сразу заполнить пост небольшим заданием, чтобы в редакторе был виден код и превью рядом. Sandbox должна восстанавливать шаблон при перезагрузке, чтобы студенты могли спокойно экспериментировать, не боясь сломать что-нибудь. Может, добавим лёгкую панель инструментов, которая подсказывает основные функции и полезные советы. С какого компонента, по-твоему, стоит начать?

Понял, давай сделаем всё быстро и чётко. Я прикручу кнопку в панель инструментов редактора, чтобы при нажатии появлялось новое окно для поста, уже с базовой структурой: обёртка, несколько правил CSS и небольшой фрагмент JS для обновления превью. Потом подкрутим расположение редактора, чтобы код был слева, а превью – справа, с автоматическим обновлением при каждом нажатии клавиши. Как только эта основа станет надёжной, добавим подсказки в панель инструментов. Как тебе?

Ладно, давай запустим редактор и выложим эту кнопку. Я начну с основы плагина, добавлю кнопку в панель инструментов и настрою создание постов с примером фрагмента. Потом перейдём в режим раздельного экрана, подключим предпросмотр в реальном времени и подкорректируем задержку, чтобы всё работало плавно. Готов, когда ты.

Вот первый кусочек – добавь небольшой плагин-файл, который подключится к редактору Gutenberg, добавит кнопку и создаст новый пост со структурированным блоком. Я постарался сделать его максимально простым, чтобы ты потом смогла подкорректировать задержку.