HTML、CSS、jQuery/JavaScript エディターを作成しようとしています... JavaScript または jQuery を iFrame に挿入するにはどうすればよいですか? ここで関連するすべての回答を検索してみましたが、解決策はどれも役に立ちません...
これが私が話していることです... #css、#js はテキストエリアであり、#iframe_id は変更をプレビューするために使用される iframe です。
css_code = $('#css').val();
js_code = $('#js').val();
css_content = "<style>" + css_code + "</style>"; // working
js_content = "<script>" + js_code + "</script>"; // does not work
$('#iframe_id').contents().find('head').append(css_content); // working
$('#iframe_id').contents().find('body').append(js_content); // does not work
以下は機能しますが、コア JavaScript を使用している場合にのみ機能します。理由はわかりません...frame[0] は基本的に同じ iframe (#iframe_id) です...
var js_content = jsEditor.getValue();
frames[0].window.eval(js_content); // works only when JavaScript is entered (not jQuery)
「スクリプト」タグに関係している可能性があります.jQueryに問題がある可能性があります.理由はわかりません.