에이스 편집기에서 코드를 평가하는 방법

Question

에이스 편집기에서 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

이 시도 : 나는 view을 추정

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()); 
}); 

이 iframe입니다.

contents() jQuery 함수를 사용하여 iframe에 들어가고 html을 편집기에있는 내용으로 바꿉니다.