TypeScript play
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>TypeScript Play</title> | |
| <link rel="stylesheet" href="https://unpkg.com/codemirror/lib/codemirror.css"> | |
| <style> | |
| html { | |
| box-sizing: border-box; | |
| } | |
| *, *:before, *:after { | |
| box-sizing: inherit; | |
| } | |
| body { | |
| position: relative; | |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
| font-weight: 300; | |
| } | |
| #statusPanel { | |
| pointer-events: none; | |
| position: fixed; | |
| right: 0.3em; top: 0; | |
| font-size: 70%; | |
| opacity: 0.8; | |
| } | |
| </style> | |
| </head> | |
| <body bgcolor=black text=silver> | |
| Loading... | |
| <script id=app> | |
| var sourceGist = 'b2351ec5b221e808e8eb3cecf6eb42a8'; | |
| var statusPanel; | |
| window.onload = _onload; | |
| earlyInit(); | |
| function earlyInit() { | |
| statusPanel = document.createElement('div'); | |
| statusPanel.id = 'statusPanel'; | |
| document.body.appendChild(statusPanel); | |
| } | |
| function _onload() { | |
| statusPanel.textContent = | |
| (ts && ts.version && 'ts' + ts.version || 'ts??') + ' ' + | |
| (CodeMirror && CodeMirror.version && 'CodeMirror ' + CodeMirror.version || 'CodeMirror??'); | |
| } | |
| </script> | |
| <script id=cmImport src="https://unpkg.com/codemirror"></script> | |
| <script id=tsImport src="https://unpkg.com/typescript"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment