В этой статье мы проведем вас через процесс создания собственного редактора кода. Мы рассмотрим основные шаги, необходимые для создания среды разработки, которая будет идеально соответствовать вашим потребностям. Готовы начать это увлекательное путешествие в мир вашего собственного редактора кода?
Всем привет, сегодня с помощью ChatGPT сделаем простой редактор кода для тестирования самого ChatGPT =)
Напоминаю, я не владею программированием, поэтому все будем делать с помощью ChatGPT
Он мне выдал не работающий код
Начал его мучить разными запросами.
Этот код создает разделенный на две части редактор кода и область предпросмотра. Вы можете редактировать HTML, CSS и JavaScript код в левой части, и предварительный результат будет отображаться справа. Как только вы начнете редактировать код в левой части, предварительный просмотр обновится автоматически.
Вы можете сохранить этот код как файл HTML и открыть его в своем браузере, чтобы начать использовать онлайн-редактор.
Этот код должен работать как ожидается, позволяя вам вводить HTML, CSS и JavaScript в одном поле и видеть результат выполнения во второй части страницы. Введите ваш код в поле, затем нажмите кнопку "Обновить предпросмотр".
В итоге заработало!
Пример можно посмотреть тут
