Какая песочница для JavaScript позволяет вручную запускать скрипты из embed-кода?

Question

[blindtownblues]

Посоветуйте песочницу для JavaScript с возможностью вставки на сайт embed-кода с кнопкой для ручного запуска скрипта. Точно как на сайте learn.javascript.ru (только после нажатия на кнопку Play скрипт выполняется):
learn.javascript.ru/global-object (смотрите любой из примеров). Ранее пользовался jsfiddle, но данной функции не обнаружил. Спасибо!

Comments

[alex]

codepen embed

Answer 1

[svetlov97]

ну ты что?)
https://learn.javascript.ru/play

Извините, сервис "Песочница" на сайте больше не предоставляется.
Все сохранённые пользователями примеры доступны для скачивания по тем же ссылкам, но создавать новые песочницы нельзя.
В качестве альтернативы можно использовать plnkr.co, codepen.io или jsfiddle.net.

plnkr.co
codepen.io

Comments

[blindtownblues]

Спасибо. Возможно я не совсем точно выразился. Но меня интересует вставка embed-кода на сайт с кнопкой Play (как в примерах на learn.javascript.ru). При нажатии на кнопку скрипт начинает выполнятся. Если знаете сервис с таким функционалом, буду чрезмерно признателен.

[Александр Решетняк]

blindtownblues: codepen.io прекрасно работает именно так как вам нужно, после загрузки ожидает с кнопкой Run snipet
..выбираем внизу справа Embed и потом вверху не забываем поставить галку Use click-to-load
See the Pen Responsive video background for cover section by Os Vampireos (@Vampireos) on CodePen.

[svetlov97]

blindtownblues: это смешно, эта книпка называется запуск/Run

[blindtownblues]

Это не смешно. Мне нужно, чтобы кнопка Run встраивалась в сам embed-код, и я запускал скрипт со своего сайта (как на learn.javascript.ru). Да, я смогу вставить на свой сайт embed из jsfiddle. Но кнопки Run в этом эмбеде нет, и чтобы запустить скрипт, нужно из embed-кода перейти на страницу скрипта на сайте песочницы, и только там я смогу запустить выполнение. Чтобы лучше понять, приведу аналогию. Если на сторонний сайт вставить embed-code из Ютуба, кнопка Play для запуска видео прямо из сайта, куда был вставлен эмбед, есть, если же взять эмбед из того же jsfiddle - кнопки нет. Так вот мне нужна кнопка как на Ютубе.

[svetlov97]

blindtownblues: Боже мой, учите JS, а не методом тыка делайте! эта песочница у них использовалась как контейнер к коду поставляемому к урокам!

[blindtownblues]

svetlov97: Во-первых, вы не знаете для чего она мне, и в каких целях я буду ее использовать (как раз-таки для обучения и для экономии времени). Во-вторых, я просил совет несколько иного характера, а не что и как мне учить. Спасибо что уделили время и помогли. Хорошего дня :)

[svetlov97]

blindtownblues: почему не знаю, знаю! Вы же сами написали:

Это не смешно. Мне нужно, чтобы кнопка Run встраивалась в сам embed-код, и я запускал скрипт со своего сайта (как на learn.javascript.ru). Да, я смогу вставить на свой сайт embed из jsfiddle. Но кнопки Run в этом эмбеде нет, и чтобы запустить скрипт, нужно из embed-кода перейти на страницу скрипта на сайте песочницы, и только там я смогу запустить выполнение. Чтобы лучше понять, приведу аналогию. Если на сторонний сайт вставить embed-code из Ютуба, кнопка Play для запуска видео прямо из сайта, куда был вставлен эмбед, есть, если же взять эмбед из того же jsfiddle - кнопки нет. Так вот мне нужна кнопка как на Ютубе.

Answer 2

[Stalker_RED]

Вот же:


Можно и iframe с результатом:
jsfiddle.net/msrqwt7r/embedded/result

Comments

[blindtownblues]

Спасибо за ответ. Но интересует именно embed-код с кнопкой запуска скрипта как на learn.javascript.ru

learn.javascript.ru/global-object - по ссылке первый пример. Нажимаем на треугольник и скрипт выполняется:


Да, на jsfiddle есть возможность вставки на сайт, но такой кнопки не обнаружил.

Answer 3

[Юрий Федоров]

Включите инспектор, там все написано)



Вот ссылка https://prismjs.com/plugins/toolbar/