<!DOCTYPE html> <!-- THIS IS A GENERATED FILE VIA gulp generate-test-samples --> <html> <head> <base href=".."> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </head> <body> <style> /*----------------------------------------SAMPLE CSS START*/ /*----------------------------------------SAMPLE CSS END*/ </style> <a class="loading-opts" href="playground.generated/index.html">[<< BACK]</a> <br/> THIS IS A GENERATED FILE VIA gulp generate-test-samples <div id="bar" style="margin-bottom: 6px;"></div> <div style="clear:both"></div> <div id="outer-container" style="width:800px;height:450px;border: 1px solid grey"> <!-- ----------------------------------------SAMPLE HTML START--> <div id="container" style="height:100%;"></div> <!-- ----------------------------------------SAMPLE HTML END--> </div> <div style="clear:both"></div> <script src="../metadata.js"></script> <script src="dev-setup.js"></script> <script> loadEditor(function() { /*----------------------------------------SAMPLE JS START*/ var jsCode = [ '"use strict";', 'function Person(age) {', ' if (age) {', ' this.age = age;', ' }', '}', 'Person.prototype.getAge = function () {', ' return this.age;', '};' ].join('\n'); var editor = monaco.editor.create(document.getElementById("container"), { value: jsCode, language: "javascript" }); var myCondition1 = editor.createContextKey(/*key name*/'myCondition1', /*default value*/false); var myCondition2 = editor.createContextKey(/*key name*/'myCondition2', /*default value*/false); editor.addCommand(monaco.KeyCode.Tab, function() { // services available in `ctx` alert('my command is executing!'); }, 'myCondition1 && myCondition2') myCondition1.set(true); setTimeout(function() { alert('now enabling also myCondition2, try pressing Tab!'); myCondition2.set(true); // you can use myCondition2.reset() to go back to the default }, 2000); /*----------------------------------------SAMPLE CSS END*/ }); </script> </body> </html>