Как обновить код Javascript в IFrame? - PullRequest
0 голосов
/ 12 марта 2019

Итак, я пытаюсь поэкспериментировать с созданием редактора кода.У меня есть IFrame с окном предварительного просмотра, которое связано с другим HTML-документом на моей веб-странице, где будет выполняться код.(Мне нужно выполнить код с библиотекой p5) Это код, когда я нажимаю кнопку «Выполнить код» -

try {
    var script = document.createElement( 'script' );
    script.id = "code"
    script.text  = code
    $('#preview').contents().find('#codeplaceholder').html(script)

    $('#preview').contents().find('#code')
    document.getElementById('preview').contentWindow.location.reload();
  } catch (e) {
    alert(e);

, а вот теги в моем предварительном документе HTML:

<!DOCTYPE html>
<html>
<head>
<script id = "p5" 
src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script>

</head>

<body>
<div id="codeplaceholder">

</div>
</body>

</html>

так что не так?Затем я пытаюсь запустить код с библиотекой p5, ничего не происходит.У меня нет идей.Похоже, сообщения "Alert" работают, но p5 просто очень упрямый ...

...