<!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 jsCodeArr = [
'// ------------------------------',
'// ------------------------------',
'function Person(age) {',
' if (age) {',
' this.age = age;',
' }',
'}',
'Person.prototype.getAge = function () {',
' return this.age;',
'};',
'',
''
];
jsCodeArr = jsCodeArr.concat(jsCodeArr.slice(0));
jsCodeArr = jsCodeArr.concat(jsCodeArr.slice(0));
jsCodeArr = jsCodeArr.concat(jsCodeArr.slice(0));
jsCodeArr[49] += 'And this is some long line. And this is some long line. And this is some long line. And this is some long line. And this is some long line. ';
var editor = monaco.editor.create(document.getElementById("container"), {
value: jsCodeArr.join('\n'),
language: "javascript"
});
editor.revealPositionInCenter({ lineNumber: 50, column: 120 });
// Also see:
// - editor.revealLine
// - editor.revealLineInCenter
// - editor.revealLineInCenterIfOutsideViewport
// - editor.revealLines
// - editor.revealLinesInCenter
// - editor.revealLinesInCenterIfOutsideViewport
// - editor.revealPosition
// - editor.revealPositionInCenter
// - editor.revealPositionInCenterIfOutsideViewport
// - editor.revealRange
// - editor.revealRangeInCenter
// - editor.revealRangeInCenterIfOutsideViewport
/*----------------------------------------SAMPLE CSS END*/
});
< / script >
< / body >
< / html >
