如何在ace编辑器中评估代码

Question

我正在尝试从ace编辑器获取html代码并在iframe中显示预览。

示例：Code Academy

以下是我一直在尝试的事情：

var textarea = $('textarea[name="html"]');
var view=$('#view');
textarea.hide();
var editor = ace.edit("editor");
editor.setTheme("ace/theme/eclipse");
editor.getSession().setMode("ace/mode/html");
editor.getSession().on('change', function () {
    var preview = view.eval(editor.getSession().getValue());
});
setTimeout(preview, 300);

Answer 1

试试这个：

var textarea = $('textarea[name="html"]');
var view=$('#view');
textarea.hide();
var editor = ace.edit("editor");
editor.setTheme("ace/theme/eclipse");
editor.getSession().setMode("ace/mode/html");
editor.getSession().on('change', function () {
    view.contents().find('body').html(editor.getSession().getValue());
});

我认为view是iframe。

我正在使用contents() jQuery函数进入iframe并将html替换为编辑器中的内容。