2

我正在尝试构建 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 有问题……不知道为什么。

4

0 回答 0