<!DOCTYPE html>
< html lang = "en" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width" >
< title > Monaco Editor< / title >
< link href = "./lib/bootstrap-cosmo.css" rel = "stylesheet" >
< link href = "./lib/bootstrap-responsive.min.css" rel = "stylesheet" >
< link href = "./all.css" rel = "stylesheet" type = "text/css" >
< link href = "./lib/bootstrap-select.min.css" rel = "stylesheet" type = "text/css" >
< link href = "./index/index.css" rel = "stylesheet" type = "text/css" >
< / head >
< body >
< nav class = "navbar navbar-inverse navbar-fixed-top" >
< div class = "navbar-inner" >
< div class = "container" >
< div class = "logo" >
< a href = "#" > Monaco Editor< / a >
< / div >
<!-- collapse button for smaller screens -->
< button type = "button" class = "btn btn-navbar" data-toggle = "collapse" data-target = ".nav-collapse" >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
<!-- navbar title -->
< div class = "nav-collapse collapse" >
< ul class = "nav" >
< li > < a class = "nav-item" href = "index.html" > Home< / a > < / li >
< li > < a class = "nav-item" href = "playground.html" > Playground< / a > < / li >
< li > < a class = "nav-item" href = "monarch.html" > Monarch< / a > < / li >
< li > < a class = "nav-item" href = "https://www.npmjs.com/package/monaco-editor" > Download< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< / nav >
< section class = "try" >
< div class = "container" >
< h3 > About< / h3 >
< div class = "row" >
< div class = "span12" >
< br / >
< p > The Monaco Editor is the code editor that powers < a href = "https://github.com/Microsoft/vscode" > VS Code< / a > , a good page describing the code editor's features is < a href = "https://code.visualstudio.com/docs/editor/editingevolved" > here< / a > .< / p >
< p > It is licensed under the MIT License and supports IE 9/10/11, Edge, Chrome, Firefox, Safari and Opera.< / p >
< p > Find more information at the < a href = "https://github.com/Microsoft/monaco-editor" > Monaco Editor Repo< / a > .< / p >
< / div >
< / div >
< hr / >
< h3 > Editor< / h3 >
< div class = "editor row" >
< div class = "span3" >
< h4 title = "Syntax colorization plus support for errors, warnings, IntelliSense, formatting and outlining" > Rich IntelliSense, Validation< / h4 >
< p > TypeScript, JavaScript, CSS, LESS< / p >
< br >
< h4 title = "Syntax colorization" > Basic Syntax Colorization< / h4 >
< p > HTML, XML, PHP, C#, C++, Razor, Markdown, Diff, Java, VB, CoffeeScript, Handlebars, Batch, Jade, F#, Lua, Powershell,
Python, SASS, R, Objective-C< / p >
< br >
< p > Colorizers are implemented using < a href = "monarch.html"
target="_blank">Monarch< / a > .< / p >
< / div >
< div class = "span9" >
< div class = "row" >
< div class = "span4" >
< label class = "control-label" > Language< / label >
< select class = "language-picker" > < / select >
< / div >
< div class = "span4" >
< label class = "control-label" > Theme< / label >
< select class = "theme-picker" >
< option > Visual Studio< / option >
< option > Visual Studio Dark< / option >
< / select >
< / div >
< / div >
< div class = "editor-frame" >
< div class = "loading editor" style = "display: none;" >
< div class = "progress progress-striped active" >
< div class = "bar" > < / div >
< / div >
< / div >
< div id = "editor" > < / div >
< / div >
< / div >
< / div >
< hr >
< h3 > Diff Editor< / h3 >
< div class = "editor row" >
< div class = "span3" >
< h4 title = "As you type diffing for all supported languages" > Side by side live comparison< / h4 >
< p > Supports all languages out of the box< / p >
< / div >
< div class = "span9" >
< div class = "row" >
< div class = "span8" >
< div class = "checkbox" >
< label class = "control-label" >
< input id = "inline-diff-checkbox" type = "checkbox" value = "" > Inline diff
< / label >
< / div >
< / div >
< / div >
< div class = "editor-frame" >
< div class = "loading diff-editor" style = "display: none;" >
< div class = "progress progress-striped active" >
< div class = "bar" > < / div >
< / div >
< / div >
< div id = "diff-editor" > < / div >
< / div >
< / div >
< / div >
< / div >
< / section >
< / div >
< footer class = "container" >
< hr >
< p class = "text-center" >
< small > © 2016 Microsoft< / small >
< / p >
< / footer >
< script src = "./lib/jquery-1.9.1.min.js" type = "text/javascript" > < / script >
< script src = "./lib/bootstrap.min.js" > < / script >
< script src = "./lib/bootstrap-select.min.js" type = "text/javascript" > < / script >
< script type = "text/javascript" src = "../release/min/vs/loader.js" > < / script >
< script type = "text/javascript" >
window.MonacoEnvironment = {
getWorkerUrl: function(workerId, label) {
return 'worker-loader-proxy.js';
}
};
require.config({
paths: {
vs: '../release/min/vs'
}
});
< / script >
< script src = "./index/index.js" type = "text/javascript" > < / script >
< / body >
< / html >
