Merge pull request #12 from surinder83singh/master

Monaco Editor under nodewebkit
7 years ago · e19530c358
parent 4ce2107152 b2365bd7c9
commit e19530c358
2 changed files with 57 additions and 0 deletions
--- a/sample-nwjs-v2/index.html
+++ b/sample-nwjs-v2/index.html
@ -0,0 +1,50 @@
 <!DOCTYPE html>
 <html>
 	<head>
 		<meta charset="UTF-8">
 		<title>Monaco Editor under nodewebkit</title>
 		<!--link rel="stylesheet" data-name="vs/editor/editor.main" href="/node_modules/monaco-editor/min/vs/editor/editor.main.css"-->
 		<!--link rel="stylesheet" type="text/css" href="/resources/css/flex-boxes.css"-->
 		<style type="text/css">
 			body,#container{margin:0px;padding:0px;box-sizing:border-box;}
 			body{height:100vh;overflow:hidden;}
 			#container{overflow:hidden;height:100vh;}
 			.toolbox{
 				height:200px;
 			}
 		</style>
 	</head>
 	<body>
 		<div id="container"></div>
 	</body>
 	<!--script>
 		// Monaco uses a custom amd loader that over-rides node's require.
 		// Keep a reference to node's require so we can restore it after executing the amd loader file.
 		var nodeRequire1 = require;
 	</script-->
 	<!--script src="/node_modules/monaco-editor/min/vs/loader1.js"></script-->
 	<script>
 		var ERequire = require("../../node_modules/monaco-editor/min/vs/loader.js");
 		//__dirname == root path of you application 
 		ERequire.config({
 			baseUrl: "file:///"+__dirname+"/node_modules/monaco-editor/min/"
 		})
 		// workaround monaco-css not understanding the environment
 		self.module = undefined;
 		// workaround monaco-typescript not understanding the environment
 		self.process.browser = true;
 		ERequire(['vs/editor/editor.main'], function() {
 			var editor = monaco.editor.create(document.getElementById('container'), {
 				value: [
 					'function x() {',
 					'\tconsole.log("Hello world!");',
 					'}'
 				].join('\n'),
 				language: 'javascript',
 				theme: "vs-dark"
 			});
 		});
 	</script>
 </html>
--- a/sample-nwjs-v2/package.json
+++ b/sample-nwjs-v2/package.json
@ -0,0 +1,7 @@
 {
  "name": "helloworld",
  "main": "index.html",
  "dependencies": {
    "monaco-editor": "0.x.x"
  }
 }