Как пользоваться режимом Canvas в ChatGPT для удоб­ной работы с тек­стом и кодом
Нейросети
5K
Изображения в коллаже — Vac1 / Shutterstock / FOTODOM

Как пользоваться режимом Canvas в ChatGPT для удоб­ной работы с тек­стом и кодом

Canvas — это полноценный нейроредактор
Обсудить
Аватар автора

Валерия Алексеева

пишет на всех языках

Страница автора

Функция позволяет исправлять отдельные части сгенерированного контента.

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

Письма о технологиях и интернете
Помогут использовать технологии по полной и будут держать в курсе мемов и трендов. В вашей почте дважды в месяц. Бесплатно

Что такое режим Canvas и как его включить

Режим Canvas — это редактор текста и кода внутри ChatGPT. Он отличается от обычного интерфейса чат-бота тем, что открывается в отдельном окне, где можно редактировать контент как вручную, так и просив ChatGPT его исправить. Основной чат с нейросетью находится слева от этого окна.

Функция доступна на сайте и в приложениях для MacOS и Windows, но в мобильных аппах ее нет. Чтобы получить доступ к Canvas, потребуется сменить IP-адрес на иностранный и зарегистрироваться в ChatGPT.

Режим Canvas пока в бета-версии и доступен только пользователям с платной подпиской ChatGPT Plus или Team. Остальные получат возможность ей пользоваться позже — OpenAI не сообщала о точных сроках. О том, как зарегистрироваться в ChatGPT из России и оплатить подписку, мы уже подробно рассказывали.

Вот как включить режим Canvas, если подписка у вас уже есть.

Шаг 1. В выпадающем меню с выбором моделей нажмите на GPT-4o with canvas. Но функция может включиться и автоматически. Если ваш запрос подразумевает работу с текстом или кодом, ChatGPT сам должен запустить режим.

Бывает и такое, что интерфейс не включается, даже если вы выбрали GPT-4o with canvas и ваш запрос связан с текстом или кодом. В таком случае в конце промпта пропишите: «Включи режим Canvas».

Шаг 2. Введите запрос. Только после этого откроется интерфейс.

Шаг 3. Редактируйте текст или код в редакторе. Можно выделить отдельные части текста и попросить их перегенерировать, написать более специфичный запрос в чате с нейросетью или воспользоваться предложенными выпадающими подсказками. Далее расскажу об этих возможностях подробнее.

Как пользоваться Canvas при работе с кодом

Режим Canvas поможет написать код по запросу, найти ошибку и исправить ее, добавить комментарий или перевести код на другой язык. Это можно делать и в обычном чате с нейросетью, но в этом интерфейсе удобнее вносить правки в отдельные части сгенерированного ответа. Покажу возможности режима на конкретных примерах.

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

Нейросеть написала код за несколько секунд
Нейросеть написала код за несколько секунд

Отредактировать код. Допустим, мне захотелось поменять заголовок и опции — заменить Option 1, Option 2 и Option 3 на породы котов.

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

ChatGPT сделал в точности так, как я его попросила
ChatGPT сделал в точности так, как я его попросила

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

Для этого я попросила ChatGPT отменить последнее действие в чате. То же самое можно сделать, если нажать на кнопку со стрелкой «Предыдущая версия».

За несколько секунд последнее действие отменилось, передо мной изначальный вариант кода
За несколько секунд последнее действие отменилось, передо мной изначальный вариант кода

Чтобы показать, насколько быстро нейросеть исправляет ответы, я попросила ChatGPT отменить последнее действие — то есть, вернуться к варианту с котами.

Удобно, что в интерфейсе видно, как нейросеть проходится по коду сверху вниз и сразу же показывает замену. Не нужно искать глазами новый вариант.

Результат запроса

Исправить часть кода. Попробовала заменить одно название в опции на другое. Чтобы нейросеть не переписывала весь код заново, я выделила область, которую хочу изменить, и ввела запрос в появившееся маленькое окно «Спросить ChatGPT».

В этом случае ChatGPT работает только с выделенной областью и не трогает остальные.

Попросила ChatGPT заменить одну опцию на другую

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

В таком случае нейросеть будет просто давать комментарии в чате слева и не станет вмешиваться в код.

Попросила ChatGPT объяснить кусок кода

Перевести код на другой язык. Изначально я писала код на JavaScript, но мне понадобилось быстро перевести его на Typescript. Попросила нейросеть сделать это в чате, а не в редакторе. Ничего не выделяла, потому что новый запрос относится ко всему результату.

ChatGPT перевел каждую строчку за несколько секунд. У меня ушло бы на это значительно больше времени.

Результат перевода на другой язык

Сравнить две версии кода. Хочу посмотреть код на JavaScript и сравнить его с переводом на Typescript. Чтобы не отменять действие, нажала «Посмотреть изменения» в верхнем меню.

ChatGPT показал два варианта и выделил их разными цветами, чтобы было удобнее сравнивать.

Первый вариант выделил красным, второй — зеленым
Первый вариант выделил красным, второй — зеленым

Как пользоваться Canvas при работе с текстом

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

Написать текст. Я попросила нейросеть придумать пост про капибар для телеграм-канала. При этом уточнила, что он должен быть коротким и забавным, но при этом нейтральным по тону. Знаю, что нейросети любят писать слишком восторженно.

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

Такой пост получится — короткий
Такой пост получится — короткий

Добавить контекст. Попросила добавить несколько интересных фактов про капибар. Удобно, что изменения отражаются в редакторе, а не в чате с нейросетью: так проще ориентироваться в текущей версии текста.

Поскольку пост слишком резко обрывался, я попросила придумать концовку, но мне не понравилась фраза «перед вами настоящий мастер дзен». Выделила и удалила ее — в обычном интерфейсе пришлось бы писать запрос и ждать, пока нейросеть сгенерирует все заново, хотя нужно всего лишь убрать пару слов. В редакторе это действие занимает секунду.

Могу попросить исправить, а могу просто удалить
Могу попросить исправить, а могу просто удалить

Перефразировать. Поняла, что некоторые фразы в посте звучат странно — будто бы автоматически переведены с английского языка. Например, «капибары могли бы стать вашими соседями по даче». Нейросеть пыталась пошутить, но звучит не очень.

Выделила места, которые меня смутили, и через меню «Спросить ChatGPT» попросила нейросеть исправить их — сделать так, чтобы они звучали естественно на русском языке.

Дать правки можно к любой части текста
Дать правки можно к любой части текста

Поменять стилистику. Попробовала адаптировать получившийся текст для других соцсетей — «Инстаграма»* и «Твиттера». Еще проверила абсурдный вариант — от лица самих капибар.

Вообще, можно задать любой тон — от гангстерского до эзотерического. Или обучить нейросеть на ваших постах и просить писать в вашем стиле. ChatGPT перепишет текст хоть сто раз. Благо откатиться к любому из вариантов можно по стрелочке «Предыдущая версия».

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

Я отказалась от нескольких правок, просто закрыв их, а с другими согласилась. В этих случаях нейросеть сама учла комментарии и перегенерировала часть текста.

Комментарии нейросети к тексту. Если нажать «Применить», чат-бот сам внесет правку — а вот гугл-доки так не умеют
Комментарии нейросети к тексту. Если нажать «Применить», чат-бот сам внесет правку — а вот гугл-доки так не умеют

Добавить эмодзи. Сначала я пробовала сделать это с помощью кнопки «Добавить эмодзи» из выпадающего меню снизу «Предложи изменения». Но в этом случае нейросеть почему-то начала заменять слова в тексте на символы.

Это не то, что мне было нужно, поэтому я попросила добавить эмодзи обычным запросом в чате с нейросетью. Это сработало куда лучше.

Пост с эмодзи
Пост с эмодзи

Оформить. Финальный штрих — добавить выделение. В редакторе можно выделить нужную часть и выбрать жирный шрифт, курсив или стиль заголовка.

Пост готов. Использовать этот текст или продолжить редактировать — решать вам.

Конечно, функций для оформления меньше, чем в большинстве редакторов
Конечно, функций для оформления меньше, чем в большинстве редакторов

Выводы: для чего полезен режим Canvas

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

Удобен для экспериментов — от мелких правок до полной смены стиля текста и перевода кода на другой язык. Все правки отображаются куда нагляднее, чем в обычном чате с нейросетью.

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

Мы постим кружочки, красивые карточки и новости о технологиях и поп-культуре в нашем телеграм-канале. Подписывайтесь, там классно: @t_technocult

Валерия АлексееваУже пробовали Canvas в ChatGPT? Поделитесь впечатлениями: