Що таке функція Canvas у ChatGPT і як нею користуватися?

Canvas — це новий інтерфейс для роботи з ChatGPT над письмовими й програмними проєктами, які потребують редагування та доопрацювання.

З Canvas ChatGPT може краще розуміти контекст того, чого ви намагаєтеся досягти. Ви можете виділяти певні розділи, щоб точно вказати, на чому ChatGPT має зосередитися. Він також може надавати вбудований відгук і пропозиції з урахуванням усього проєкту.

Ви керуєте проєктом у Canvas. Ви можете безпосередньо редагувати текст або код. Ви можете використовувати швидкі дії, щоб ChatGPT змінював довжину тексту, налагоджував ваш код і швидко виконував інші корисні дії. Ви також можете відновити попередні версії своєї роботи за допомогою кнопки «Назад» у Canvas.

Як працює відтворення React/HTML?

Код React/HTML відтворюється в ізольованому середовищі, що дає змогу переглядати результат виконання коду. Багато пакетів npm і бібліотек JavaScript працюватимуть, але попередні перегляди, яким потрібно завантажувати зовнішні пакети або вебресурси, можуть залежати від налаштувань мережевого доступу Canvas у вашому робочому просторі.

Перемикачі виконання коду Canvas і доступу до мережі

Зверніть увагу: виконання коду та відтворення React/HTML можуть призводити до зовнішніх мережевих запитів. Адміністратори корпоративних робочих просторів можуть керувати доступністю виконання коду Canvas для користувачів у робочому просторі, а також стандартною поведінкою мережевого доступу. За замовчуванням виконання коду Canvas увімкнено, тоді як параметр Дозволити коду Canvas доступ до мережі вимкнено для корпоративних робочих просторів, але ці перемикачі можна налаштувати в налаштуваннях адміністратора вашого робочого простору.

Доступ до Canvas у ChatGPT

ChatGPT може відкрити Canvas, коли зрозуміє, чого ви намагаєтеся досягти. Наприклад, ви можете попросити ChatGPT створити письмовий текст (напр., «напишімо довгий есей про те, чому полуниця є псевдокарпієм») або підготувати для вас код (напр., «напиши вебсервер на Python»), і він відповість у Canvas. Зазвичай можна очікувати, що ChatGPT автоматично відкриє Canvas, коли ChatGPT генерує вміст обсягом понад 10 рядків або виявляє сценарій, де інтерфейс для письма чи коду був би корисним. Крім того, ви можете додати «використай Canvas…» у свій запит, щоб попросити ChatGPT відкрити Canvas.

Відповіді з Canvas автоматично відкриватимуть вікно праворуч із запитаним вами вмістом.

Ви також можете почати з порожнього Canvas у ChatGPT в інтернеті, сказавши щось на кшталт «відкрий Canvas» або «відкрий Canvas для кодування». У порожньому Canvas ви можете працювати з наявним проєктом, вставивши його в порожній Canvas, або просто вводити текст у Canvas.

Ви також можете вставити вміст у ChatGPT і миттєво відкрити його в Canvas за допомогою швидкої дії у верхньому правому куті поля введення.

Крім того, набір інструментів у полі створення запиту також дає змогу попросити ChatGPT створити новий Canvas у вашому запиті. Це також можна запустити, ввівши зворотну скісну риску («/»), а потім скориставшись командою «canvas».

Редагування проєкту за допомогою Canvas

Ви можете вносити правки за допомогою Canvas, просто попросивши про них у чаті. Крім того, ви можете вибрати частину вмісту, виділивши текст, або скористатися піктограмою коментаря до блока, щоб вибрати весь блок абзацу. Відкриється поле введення, де ви можете надати вказівки щодо того, що пояснити або відредагувати у вибраному розділі.

Ви також можете безпосередньо редагувати вміст Canvas, клацнувши в Canvas і вводячи текст. Зверніть увагу: підтримуються лише базові параметри форматування Markdown, зокрема жирний і курсивний шрифт, заголовки, марковані та нумеровані списки. Наразі ми не пропонуємо розширеніші параметри форматування в Canvas.

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

Працюючи над письмовим завданням, ви також можете виділити певні частини тексту або коду й попросити ChatGPT запропонувати правки до цього розділу або поставити запитання про нього. Доступ до параметрів форматування також можна отримати, виділивши фрагмент тексту. Підтримується базове форматування Markdown, зокрема жирний і курсивний шрифт, заголовки, марковані та нумеровані списки. Наразі ми не пропонуємо розширеніші параметри форматування в Canvas.

Швидкі дії в Canvas для письма та кодування

Canvas із ChatGPT надає доступ до набору швидких дій для письма, які дають змогу попросити запропонувати правки, змінити довжину результату, оновити цільовий рівень читання, а також додати емодзі або фінальне шліфування до вашого тексту. Щоб знайти ці швидкі дії, наведіть курсор на меню швидких дій у правому нижньому куті сторінки.

Для письмових документів можна використовувати такі швидкі дії:

• Запропонувати правки: ChatGPT додасть вбудовані пропозиції для покращення вашого письма.

• Змінити довжину: скорочує або розширює ваш документ.

• Змінити рівень читання: змінює рівень читання від дитячого садка до аспірантури.

• Додати фінальне шліфування: перевіряє граматику, зрозумілість і послідовність.

• Додати емодзі: замінює слова емодзі або додає їх для додаткового акценту й виразності.

Для кодування можна використовувати такі швидкі дії:

• Додати логи: вставляє інструкції друку, щоб допомогти з налагодженням і відстеженням виконання.

• Додати коментарі: додає коментарі для пояснення коду та покращення читабельності.

• Виправити баги: виявляє та переписує проблемний код, щоб усунути помилки.

• Перенести на мову: перекладає ваш код мовами на кшталт JavaScript, Python, Java, TypeScript, C++ або PHP.

• Перевірка коду: надає вбудовані пропозиції для оптимізації та покращення вашого коду.

Деякі швидкі дії одразу оновлюють вміст вашого проєкту, наприклад Додати емодзі, Додати фінальне шліфування, Виправити баги і Перенести на мову.

Інші швидкі дії можна налаштувати за допомогою повзунка. Наприклад, швидка дія Змінити довжину дає вам гнучкість вибору параметрів від найкоротшої до найдовшої довжини. Швидка дія Рівень читання дає змогу змінювати рівень читання від дитячого садка до аспірантури.

Історія версій і показ змін

Ви можете переходити між версіями документа або коду в Canvas за допомогою історії версій через стрілки на верхній панелі інструментів. Це дає змогу переглядати попередні версії, а також відновлювати їх за потреби. Ви також можете скопіювати вміст свого проєкту, натиснувши кнопку копіювання.

Крім того, ви можете переглядати зміни між версіями Canvas за допомогою кнопки Показати зміни на верхній панелі інструментів. Будуть показані додавання та видалення як у документах, так і в коді.

Виконання коду Python за допомогою Canvas

Ви можете виконувати файли Canvas із кодом Python безпосередньо у своєму браузері, коли користуєтеся Canvas, натиснувши кнопку «Виконати» у Canvas. Під час виконання коду Python результат з’явиться в консолі внизу екрана. Коли в консолі з’являються помилки, ChatGPT надасть пропозицію щодо помилки — натисніть кнопку Виправити баг, щоб ChatGPT спробував виправити її для вас!

Зараз ця функція доступна лише для коду Python, але в майбутньому ми плануємо розширити доступ на інші мови програмування.

Увімкнення Canvas для вашого GPT

Canvas тепер працює з GPT. Ви можете надати GPT доступ до Canvas, увімкнувши можливість Canvas у GPT Builder. Це дає кінцевим користувачам вашого GPT змогу відкривати Canvas під час чату з вашим GPT.

Сумісність моделей: Canvas не підтримується GPT-5.5 або новішими моделями. Коли Canvas увімкнено для Custom GPT, виберіть рекомендовану модель, яка підтримує Canvas. Моделі, які не підтримують Canvas, будуть недоступні, доки цю можливість увімкнено.

Зверніть увагу: цю можливість вимкнено для всіх наявних GPT і ввімкнено за замовчуванням для всіх новостворених GPT. Ви можете змінити це будь-коли в GPT Builder.


Докладніше про GPT Builder.

Спільний доступ до Canvas

Тепер користувачі можуть ділитися ресурсом Canvas, як-от відтвореним кодом React/HTML, документом або кодом, з іншим користувачем — подібно до того, як ви ділитеся розмовою. Це можна зробити з панелі інструментів Canvas, коли Canvas відкрито.

Завантаження файлу Canvas

Тепер ви можете експортувати документи Canvas у кількох форматах залежно від типу вмісту. Знайдіть кнопку Завантажити у верхньому правому куті Canvas, щоб спробувати.

Для звичайних документів (наприклад, есеїв або дописів у блозі) Canvas підтримує експорт у формати PDF, Markdown (.md) і Word (.docx).

Для Canvas на основі коду Canvas інтелектуально визначає мову й експортує файл із відповідним розширенням (наприклад, .py, .js, .sql тощо), зберігаючи форматування та синтаксис.

Ця функція спрощує архівування роботи, обмін чернетками або продовження редагування в зовнішніх інструментах.

Попередній перегляд Canvas не завершує завантаження під час «Installing Packages»?

Деякі попередні перегляди JS/HTML Canvas потребують, щоб браузер користувача завантажив зовнішні пакети або інші вебресурси, перш ніж їх можна буде відтворити. Якщо параметр Дозволити коду Canvas доступ до мережі вимкнено або якщо мережеві засоби контролю браузера чи організації блокують потрібний зовнішній домен, попередній перегляд може не завершити завантаження.

Перевірте консоль браузера на наявність помилок, як-от Failed to fetch, Refused to connect або помилок Content Security Policy. Якщо мережевий доступ для коду Canvas уже ввімкнено, перевірте, чи браузер, проксі, брандмауер або засоби контролю кінцевих точок не блокують потрібний домен.

Canvas і веббезпека

Canvas може попередньо переглядати вебсайти та інший вебвміст. Вебвміст за своєю природою перебуває онлайн і може взаємодіяти зі сторонніми сервісами, які не належать OpenAI.

Зв’язок, який здійснює вебпопередній перегляд, може бути таким простим, як використання інтернету для доступу до зображення, але може бути й таким небезпечним, як надсилання введеної або наданої ChatGPT інформації третій стороні.

ChatGPT бере інформацію, яку ви надаєте під час розмови, і використовує її, щоб формувати обґрунтовані відповіді. У деяких випадках, наприклад коли ви вставляєте інформацію з інтернету або коли отримуються новини чи результати пошуку, ChatGPT використовуватиме іншу інформацію для своїх відповідей, зокрема під час генерації коду за допомогою Canvas.

Коли ви взаємодієте з вебпопереднім переглядом Canvas, ChatGPT попросить вас підтвердити зв’язок із третіми сторонами, про які OpenAI не знає. Якщо ви підтвердите цей зв’язок, ми дозволимо попередньому перегляду взаємодіяти з цією третьою стороною.