Как вставить динамические фрагменты кода на сайт?

Question

Мне нужно создать интерактивную веб-страницу, где студенты могут учиться, читая и запуская код на той же странице.

Например, если я преподаю «Hello world in PHP» вместо того, чтобы писать статический код, такой как: echo 'Hello world';, учащиеся должны иметь возможность запускать код и мгновенно видеть результат под кодом.

Есть ли программа, которая делает это? Программа должна поддерживать фрагменты кода html, css, javascript и php, которые можно мгновенно запустить на веб-странице с живыми результатами.

По сути, программа должна быть похожа на блокнот jupyter для html, css, javascript и php.

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

Answer 1

Они могут использовать эмулятор кода в реальном времени, например http://www.writephponline.com, где они могут редактировать код в реальном времени, добавлять комментарии и распечатывать при необходимости;