index.html 1019 B

123456789101112131415161718192021222324252627282930
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  5. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
  6. <link rel="stylesheet" data-name="vs/editor/editor.main" href="../node_modules/monaco-editor/min/vs/editor/editor.main.css">
  7. </head>
  8. <body>
  9. <h2>Monaco Editor Sync Loading Sample</h2>
  10. <div id="container" style="width:800px;height:600px;border:1px solid grey"></div>
  11. <script>var require = { paths: { 'vs': '../node_modules/monaco-editor/min/vs' } };</script>
  12. <script src="../node_modules/monaco-editor/min/vs/loader.js"></script>
  13. <script src="../node_modules/monaco-editor/min/vs/editor/editor.main.nls.js"></script>
  14. <script src="../node_modules/monaco-editor/min/vs/editor/editor.main.js"></script>
  15. <script>
  16. var editor = monaco.editor.create(document.getElementById('container'), {
  17. value: [
  18. 'function x() {',
  19. '\tconsole.log("Hello world!");',
  20. '}'
  21. ].join('\n'),
  22. language: 'javascript'
  23. });
  24. </script>
  25. </body>
  26. </html>