Вбудовування через iframe · Працює у браузері · Без акаунта

Вбудувати Python
Робочий код на будь-якому сайті

Додайте на сторінку справжню програму Python одним iframe. Читачі запускають її там, де читають, і нічого не встановлюють.

Отримати код вбудовування →Подивитися код iframe
Подивіться в дії

Справжнє вбудовування Python на цій сторінці

Це вікно працює через той самий режим iframe=1. Натисніть запуск, і Playground відкриється просто тут. На вузьких екранах кнопка відкриває Playground у новій вкладці.

Запустити цей кодВідкрити в Playground
scores = {"Оля": 9, "Сем": 7, "Міра": 10}
for name, score in scores.items():
print(name, "*" * score)
average = sum(scores.values()) / len(scores)
print("Середнє:", round(average, 1))
Результат
Оля *********
Сем *******
Міра **********
Середнє: 8.7
Код вбудовування

Один iframe, готовий до вставлення

Саме цей код Pyroom копіює для програми з однієї дії за стандартних налаштувань. Вставте його на будь-яку сторінку, де дозволено HTML.

  • s містить вашу програму, тож код живе в самому посиланні
  • iframe=1 вмикає режим вбудовування
  • ifcfg містить ваші налаштування
  • Висота становить 640, а з прихованою панеллю перегляду 520
<iframe src="https://pyroom-playground-dev.pages.dev/playground?s=Ojo6cHJpbnQoItCf0YDQuNCy0ZbRgiDQstGW0LQgUHlyb29tISIpCg&iframe=1&ifcfg=eyJyZWFkT25seSI6dHJ1ZSwic2hvd01lbnUiOnRydWUsInNob3dTaGFyZSI6ZmFsc2UsInNob3dEb2NzIjp0cnVlLCJzaG93RXhhbXBsZXMiOnRydWUsInNob3dIaXN0b3J5Ijp0cnVlLCJzaG93U2V0dGluZ3MiOmZhbHNlLCJzaG93RmVlZGJhY2siOmZhbHNlLCJzaG93QWJvdXQiOnRydWUsInNob3dDb25zb2xlSW5wdXQiOnRydWUsInNob3dSdW5CdXR0b24iOnRydWUsInNob3dQcmV2aWV3Ijp0cnVlLCJmaXhlZEF1dGhvciI6IiIsInNob3dUYXNrUGFuZWwiOnRydWUsImF1dG9SdW4iOmZhbHNlfQ" width="100%" height="640" style="border:1px solid #334155;border-radius:12px;" loading="lazy" allow="clipboard-read; clipboard-write"></iframe>
Ваші налаштування

Вирішуйте, що можуть читачі

Залиште акуратний приклад лише для читання або відкрийте редактор для практики. Діалог сам запише ваш вибір у код.

  • Код типово лише для читання, але запускати його можна
  • Показуйте чи ховайте меню, кнопку Старт, панель перегляду та ввід у консолі
  • Підпишіть програму через фіксованого автора
  • Задайте мову або залиште мову браузера
Поширити як iframe
Налаштуйте режим вбудовування та скопіюйте iframe-код

Можливі налаштування: код лише для читання, фіксований автор, показ/приховування меню, кнопки Старт, панелі перегляду, вводу в консолі, мова та модальних функцій (довідка/приклади/історія/поширення/налаштування/про програму/повідомлення про баг).

Мова за замовчуваннямАвто (браузер) · Англійська · Українська

Відкрити Playground і скопіювати iframe →
Запуск одразу

Результат без жодного натискання

Задайте autoRun, і програма запуститься, щойно вбудоване вікно відкриється. Читачеві не треба натискати Старт. Цей приклад використовує {"readOnly":false,"autoRun":true}.

  • У діалозі немає autoRun, тому додайте його в ifcfg вручну
  • Пропущені налаштування залишаються типовими
  • Потрібна програма в посиланні, у параметрі s
<iframe src="https://pyroom-playground-dev.pages.dev/playground?s=Ojo6Zm9yIG4gaW4gcmFuZ2UoMSwgNik6CiAgICBwcmludChuLCBuICogbikK&iframe=1&ifcfg=eyJyZWFkT25seSI6ZmFsc2UsImF1dG9SdW4iOnRydWV9" width="100%" height="640" style="border:1px solid #334155;border-radius:12px;" loading="lazy" allow="clipboard-read; clipboard-write"></iframe>
Налаштування

Параметри конфігурації Python iframe

Діалог зберігає ці налаштування в ifcfg як JSON, закодований у base64url. Для пропущеного ключа діє типове значення.

КлючУ діалозіТипово
readOnlyКод лише для читанняtrue
fixedAuthorФіксований авторпорожньо
showMenuПоказувати менюtrue
showRunButtonПоказувати кнопку Стартtrue
showPreviewПоказувати панель переглядуtrue
showConsoleInputПоказувати ввід у консоліtrue
showShareУвімкнути модальне вікно поширенняfalse
showDocsУвімкнути довідкуtrue
showExamplesУвімкнути прикладиtrue
showHistoryУвімкнути історіюtrue
showSettingsУвімкнути налаштуванняfalse
showFeedbackУвімкнути повідомлення про багfalse
showAboutУвімкнути розділ Про програмуtrue
defaultLangМова за замовчуванням: "EN" або "UA"Авто (браузер)
autoRunНемає в діалозіfalse
showTaskPanelНемає в діалозіtrue
fixedModeНемає в діалозіне задано
  • autoRun запускає програму, щойно вбудоване вікно відкривається.
  • showTaskPanel зі значенням false ховає панель завдання.
  • fixedMode приймає "teacher" або "student" і закріплює цей режим.
Приклади

Вбудований Python для уроків, курсів і блогів

Блогерам: розібраний приклад

Залиште «Код лише для читання» увімкненим, і приклад не зміниться.

def is_even(number):
    return number % 2 == 0

for n in range(1, 6):
    print(n, is_even(n))
Відкрити цей приклад у Playground →

Авторам курсів: вправа

Вимкніть «Код лише для читання», і учень зможе змінювати програму та запускати її знову.

# Змініть список і натисніть Старт
prices = [12, 8, 20]
total = sum(prices)
print("Разом:", total)
Відкрити цей приклад у Playground →

Вчителям: малюнок

Залиште панель перегляду для черепашки, а своє ім'я додайте через «Фіксований автор».

import turtle

pen = turtle.Turtle()
for _ in range(5):
    pen.forward(120)
    pen.right(144)
Відкрити цей приклад у Playground →
Як це працює

Як вбудувати Python на сайт

  1. Крок 1

    Напишіть програму

    Напишіть і перевірте код у Playground.

  2. Крок 2

    Скопіюйте iframe

    Відкрийте Меню → Поділитись → Поширити як iframe, виберіть налаштування й натисніть «Скопіювати iframe».

  3. Крок 3

    Вставте на сторінку

    Додайте код у HTML свого сайту, курсу чи допису в блозі.

FAQ

Запитання про вбудовування Python

Чи треба змінювати заголовки на моєму сайті?

Ні. Сторінка Playground надсилає власні заголовки, а вашому сайту не потрібні COOP чи COEP. На звичайній сторінці Python виконується в головному потоці вбудованого вікна, а не у воркері, тому довге обчислення може пригальмувати вікно до свого завершення.

Які атрибути iframe обов'язкові?

Усе потрібне Pyroom міститься в src: програма, iframe=1 і ваші налаштування. Скопійований код також задає width, height, стиль рамки, loading="lazy" і allow="clipboard-read; clipboard-write" для доступу до буфера обміну. Додайте ще атрибут title, щоб екранні читачі могли назвати вікно.

Чи можуть читачі змінювати код?

Лише якщо ви дозволите. Код лише для читання увімкнено типово, а запускати програму все одно можна. Для вправ вимкніть це налаштування.

Чи оновиться вікно, якщо я зміню програму?

Ні. Програма зберігається в посиланні, тож для зміненого коду потрібен новий iframe.

Чи потрібен читачам акаунт?

Ні. Вони відкривають вашу сторінку й запускають програму у браузері. Вбудоване вікно одразу показує код і не питає «Відкрити спільний код?».

Чи входять завантажені файли?

Ні. Посилання містять код і дані завдання, але не завантажені файли ресурсів і не кеш бібліотек.

Чи працює вбудовування на телефонах?

Так. Коли iframe вужчий за 768px, вмикається телефонний макет із кнопкою перемикання між редактором і результатом.

Чи запрацює це в моїй LMS чи блог-платформі?

Так, якщо платформа дозволяє додати iframe в HTML. Деякі платформи вирізають iframe або пропускають лише схвалені сайти, тому перевірте їхні налаштування.

Вбудуйте свою першу програму Python

Встановлення та акаунт не потрібні.

Відкрити Playground →