Я пытаюсь создать онлайн-редактор HTML, CSS, JavaScript.Каждый из кодов написан в своей собственной текстовой области.Вывод отображается в iframe.
Проблема в том, что если пользователь вставляет в текстовую часть JavaScript что-то вроде:
var p = document.createElement("p");
var text = document.createTextNode("Hello World");
p.appendChild(text);
document.body.appendChild(p);
Вместо строки "Hello world" появится внутриiframe, он появляется вне его, на странице глобального редактора.
Я видел в stackoverflow различные решения о том, как писать в документ iframe, но, конечно, я хочу внести исправления в код моего редактора, а нев коде пользователя, который он написал на текстовой области.
Мой код:
$('#output').contents().find('head').html('<script type = "text/javascript" defer>'
+ $('#JavaScript_input').val() + '</script>');