index.html 785 B

123456789101112131415161718192021222324
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>browser-amd-editor</title>
  5. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  6. </head>
  7. <body>
  8. <h2>Monaco Editor Sample</h2>
  9. <div id="container" style="width: 800px; height: 600px; border: 1px solid grey"></div>
  10. <!-- OR ANY OTHER AMD LOADER HERE INSTEAD OF loader.js -->
  11. <script src="../node_modules/monaco-editor/min/vs/loader.js"></script>
  12. <script>
  13. require.config({ paths: { vs: '../node_modules/monaco-editor/min/vs' } });
  14. require(['vs/editor/editor.main'], function () {
  15. var editor = monaco.editor.create(document.getElementById('container'), {
  16. value: ['function x() {', '\tconsole.log("Hello world!");', '}'].join('\n'),
  17. language: 'javascript'
  18. });
  19. });
  20. </script>
  21. </body>
  22. </html>