Henrique Dias 0afb9e732c update
Former-commit-id: bdede6ed1b6f578f2ef046c338caf02d0b29d453 [formerly 7187de361b53e9c8ec121df379b762f2db736ea2]
Former-commit-id: 447d58460fbbfd05ffe08428a1288e392637561d
2017-03-25 19:37:42 +00:00

31 lines
773 B
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ACE Editor Inside iframe</title>
<style type="text/css" media="screen">
body, html {
height: 100%;
margin:0; padding:0;
}
#editor {
padding: 20px; margin: 20px
width: 80%; height: 80%;
}
</style>
</head>
<body>
<div style="height: 100%"></div>
<div><textarea></textarea></div>
<iframe id="editor-iframe" src='data:text/html,
<pre id="editor" style="height:100%"></pre>
<script src="https://ajaxorg.github.io/ace-builds/src/ace.js"></script>
<script>
var editor = ace.edit("editor");
editor.setTheme("ace/theme/twilight");
editor.session.setMode("ace/mode/javascript");
</script>
'></iframe>
</body>
</html>