1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- <!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*/
- // Configures two JSON schemas, with references.
- var id = "foo.json";
- monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
- validate: true,
- schemas: [{
- uri: "http://myserver/foo-schema.json",
- fileMatch: [id],
- schema: {
- type: "object",
- properties: {
- p1: {
- enum: [ "v1", "v2"]
- },
- p2: {
- $ref: "http://myserver/bar-schema.json"
- }
- }
- }
- },{
- uri: "http://myserver/bar-schema.json",
- fileMatch: [id],
- schema: {
- type: "object",
- properties: {
- q1: {
- enum: [ "x1", "x2"]
- }
- }
- }
- }]
- });
- var jsonCode = [
- '{',
- ' "p1": "v3",',
- ' "p2": false',
- "}"
- ].join('\n');
- var model = monaco.editor.createModel(jsonCode, "json", id);
- monaco.editor.create(document.getElementById("container"), {
- model: model
- });
- /*----------------------------------------SAMPLE CSS END*/
- });
- </script>
- </body>
- </html>
|