corrade-nucleus-nucleons – Blame information for rev 20
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
20 | office | 1 | <!DOCTYPE html> |
2 | <html lang="en"> |
||
3 | <head> |
||
4 | <meta charset="UTF-8"> |
||
5 | <title>ACE Editor Inside iframe</title> |
||
6 | <style type="text/css" media="screen"> |
||
7 | body, html { |
||
8 | height: 100%; |
||
9 | margin:0; padding:0; |
||
10 | } |
||
11 | #editor { |
||
12 | padding: 20px; margin: 20px |
||
13 | width: 80%; height: 80%; |
||
14 | } |
||
15 | </style> |
||
16 | </head> |
||
17 | <body> |
||
18 | <div style="height: 100%"></div> |
||
19 | <div><textarea></textarea></div> |
||
20 | <iframe id="editor-iframe" src='data:text/html, |
||
21 | <pre id="editor" style="height:100%"></pre> |
||
22 | <script src="https://ajaxorg.github.io/ace-builds/src/ace.js"></script> |
||
23 | <script> |
||
24 | var editor = ace.edit("editor"); |
||
25 | editor.setTheme("ace/theme/twilight"); |
||
26 | editor.session.setMode("ace/mode/javascript"); |
||
27 | </script> |
||
28 | '></iframe> |
||
29 | </body> |
||
30 | </html> |