Дело было вечером, делать было нечего.
Для экспериментов с кодом, иногда не хватает аналога Codepen, но без использования сторонних сервисов.
Задача поставлена, и реализована.
Собран онлайн-редактор JS/HTML в стиле Tryit Editor. Разделённая область редактора и превью, консоль с переключателем, полем ввода и выводом console.log, ну и конечно-же кнопка «Запустить», запускающая код.
Параллельно проведён аудит безопасности кода и применены исправленичя. Реализовано: изолированный sandbox-iframe без доступа к родительской странице, консоль через postMessage вместо eval в родителе, CSP, предупреждение с крестиком и запоминанием закрытия на сутки.
С учётом безопасности, редактор размещён на отдельном (изолированном на уровне хостинга) поддомене playground.konyakov.ru.
Общий вид редактора

Вид редактора с открытой консолью и набранным кодом с намеренно-допущенной js ошибкой. При запуске в консоль выводится текст js-ошибки

Если исправить ошибку и снова запустить код, он выполнится и вывете в консоль результат



