run `prettier`
Alex Dima
3 years ago
parent
b4178b1190
commit
84bdc31efe
@ -0,0 +1,23 @@
|
||||
/monaco-css/out/
|
||||
/monaco-css/release/
|
||||
/monaco-editor-samples/browser-esm-parcel/.cache/
|
||||
/monaco-editor-samples/browser-esm-parcel/dist/
|
||||
/monaco-editor-samples/browser-esm-webpack/dist/*.js
|
||||
/monaco-editor-samples/browser-esm-webpack-monaco-plugin/dist/*.js
|
||||
/monaco-editor-samples/browser-esm-webpack-small/dist/*.js
|
||||
/monaco-editor-samples/browser-esm-webpack-typescript/dist/*.js
|
||||
/monaco-editor-samples/browser-esm-webpack-typescript-react/dist/*.js
|
||||
/monaco-editor/test/samples-all.generated.js
|
||||
/monaco-editor/test/playground.generated/
|
||||
/monaco-editor/typedoc/theme/
|
||||
/monaco-editor/typedoc/monaco.d.ts
|
||||
/monaco-editor/website/lib/
|
||||
/monaco-html/out/
|
||||
/monaco-html/release/
|
||||
/monaco-json/out/
|
||||
/monaco-json/release/
|
||||
/monaco-languages/out/
|
||||
/monaco-languages/release/
|
||||
/monaco-typescript/out/
|
||||
/monaco-typescript/release/
|
||||
/monaco-typescript/src/lib/
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,2 +0,0 @@
|
||||
/out/
|
||||
/release/
|
||||
@ -1,2 +0,0 @@
|
||||
/.gitignore
|
||||
/.vscode/
|
||||
@ -1,7 +0,0 @@
|
||||
/browser-esm-parcel/.cache/
|
||||
/browser-esm-parcel/dist/
|
||||
/browser-esm-webpack/dist/*.js
|
||||
/browser-esm-webpack-monaco-plugin/dist/*.js
|
||||
/browser-esm-webpack-small/dist/*.js
|
||||
/browser-esm-webpack-typescript/dist/*.js
|
||||
/browser-esm-webpack-typescript-react/dist/*.js
|
||||
@ -1,8 +0,0 @@
|
||||
{
|
||||
"arrowParens": "always",
|
||||
"singleQuote": true,
|
||||
"trailingComma": "none",
|
||||
"semi": true,
|
||||
"useTabs": true,
|
||||
"printWidth": 100
|
||||
}
|
||||
@ -1,21 +0,0 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2016 Microsoft Corporation
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
@ -1,41 +0,0 @@
|
||||
<!-- BEGIN MICROSOFT SECURITY.MD V0.0.5 BLOCK -->
|
||||
|
||||
## Security
|
||||
|
||||
Microsoft takes the security of our software products and services seriously, which includes all source code repositories managed through our GitHub organizations, which include [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet), [Xamarin](https://github.com/xamarin), and [our GitHub organizations](https://opensource.microsoft.com/).
|
||||
|
||||
If you believe you have found a security vulnerability in any Microsoft-owned repository that meets [Microsoft's definition of a security vulnerability](<https://docs.microsoft.com/en-us/previous-versions/tn-archive/cc751383(v=technet.10)>), please report it to us as described below.
|
||||
|
||||
## Reporting Security Issues
|
||||
|
||||
**Please do not report security vulnerabilities through public GitHub issues.**
|
||||
|
||||
Instead, please report them to the Microsoft Security Response Center (MSRC) at [https://msrc.microsoft.com/create-report](https://msrc.microsoft.com/create-report).
|
||||
|
||||
If you prefer to submit without logging in, send email to [secure@microsoft.com](mailto:secure@microsoft.com). If possible, encrypt your message with our PGP key; please download it from the [Microsoft Security Response Center PGP Key page](https://www.microsoft.com/en-us/msrc/pgp-key-msrc).
|
||||
|
||||
You should receive a response within 24 hours. If for some reason you do not, please follow up via email to ensure we received your original message. Additional information can be found at [microsoft.com/msrc](https://www.microsoft.com/msrc).
|
||||
|
||||
Please include the requested information listed below (as much as you can provide) to help us better understand the nature and scope of the possible issue:
|
||||
|
||||
- Type of issue (e.g. buffer overflow, SQL injection, cross-site scripting, etc.)
|
||||
- Full paths of source file(s) related to the manifestation of the issue
|
||||
- The location of the affected source code (tag/branch/commit or direct URL)
|
||||
- Any special configuration required to reproduce the issue
|
||||
- Step-by-step instructions to reproduce the issue
|
||||
- Proof-of-concept or exploit code (if possible)
|
||||
- Impact of the issue, including how an attacker might exploit the issue
|
||||
|
||||
This information will help us triage your report more quickly.
|
||||
|
||||
If you are reporting for a bug bounty, more complete reports can contribute to a higher bounty award. Please visit our [Microsoft Bug Bounty Program](https://microsoft.com/msrc/bounty) page for more details about our active programs.
|
||||
|
||||
## Preferred Languages
|
||||
|
||||
We prefer all communications to be in English.
|
||||
|
||||
## Policy
|
||||
|
||||
Microsoft follows the principle of [Coordinated Vulnerability Disclosure](https://www.microsoft.com/en-us/msrc/cvd).
|
||||
|
||||
<!-- END MICROSOFT SECURITY.MD BLOCK -->
|
||||
@ -1,62 +1,63 @@
|
||||
{
|
||||
perform: true,
|
||||
commands: [
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'question',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: '*question'
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*question',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "Please ask your question on [StackOverflow](https://stackoverflow.com/questions/tagged/monaco-editor). We have a great community over [there](https://stackoverflow.com/questions/tagged/monaco-editor). They have already answered hundreds of questions and are happy to answer yours as well. You can also try [searching through existing issues](https://github.com/microsoft/monaco-editor/issues?utf8=%E2%9C%93&q=is%3Aissue+), looking at [API usage samples](https://microsoft.github.io/monaco-editor/playground.html) or at [integration samples](https://github.com/Microsoft/monaco-editor-samples). See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*out-of-scope',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "We closed this issue because we don't plan to address it in the foreseeable future. You can find more detailed information about our decision-making process [here](https://aka.ms/vscode-out-of-scope). If you disagree and feel that this issue is crucial: We are happy to listen and to reconsider.\n\nIf you wonder what we are up to, please see our [roadmap](https://aka.ms/vscoderoadmap) and [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nThanks for your understanding and happy coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*as-designed',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "The described behavior is how it is expected to work. If you disagree, please explain what is expected and what is not in more detail. See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*english-please',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "This issue is being closed because its description is not in English, that makes it hard for us to work on it. Please open a new issue with an English description. You might find [Bing Translator](https://www.bing.com/translator) useful."
|
||||
},
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'duplicate',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: '*duplicate'
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*duplicate',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "Thanks for creating this issue! We figured it's covering the same as another one we already have. Thus, we closed this one as a duplicate. You can search for existing issues [here](https://github.com/Microsoft/monaco-editor/issues). See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'needsMoreInfo',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: 'needs more info',
|
||||
comment: "Thanks for creating this issue! We figured it's missing some basic information or in some other way doesn't follow our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines. Please take the time to review these and update the issue.\n\nHappy Coding!"
|
||||
},
|
||||
perform: true,
|
||||
commands:
|
||||
[
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'question',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: '*question'
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*question',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "Please ask your question on [StackOverflow](https://stackoverflow.com/questions/tagged/monaco-editor). We have a great community over [there](https://stackoverflow.com/questions/tagged/monaco-editor). They have already answered hundreds of questions and are happy to answer yours as well. You can also try [searching through existing issues](https://github.com/microsoft/monaco-editor/issues?utf8=%E2%9C%93&q=is%3Aissue+), looking at [API usage samples](https://microsoft.github.io/monaco-editor/playground.html) or at [integration samples](https://github.com/Microsoft/monaco-editor-samples). See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*out-of-scope',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "We closed this issue because we don't plan to address it in the foreseeable future. You can find more detailed information about our decision-making process [here](https://aka.ms/vscode-out-of-scope). If you disagree and feel that this issue is crucial: We are happy to listen and to reconsider.\n\nIf you wonder what we are up to, please see our [roadmap](https://aka.ms/vscoderoadmap) and [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nThanks for your understanding and happy coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*as-designed',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "The described behavior is how it is expected to work. If you disagree, please explain what is expected and what is not in more detail. See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*english-please',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: 'This issue is being closed because its description is not in English, that makes it hard for us to work on it. Please open a new issue with an English description. You might find [Bing Translator](https://www.bing.com/translator) useful.'
|
||||
},
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'duplicate',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: '*duplicate'
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*duplicate',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "Thanks for creating this issue! We figured it's covering the same as another one we already have. Thus, we closed this one as a duplicate. You can search for existing issues [here](https://github.com/Microsoft/monaco-editor/issues). See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'needsMoreInfo',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: 'needs more info',
|
||||
comment: "Thanks for creating this issue! We figured it's missing some basic information or in some other way doesn't follow our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines. Please take the time to review these and update the issue.\n\nHappy Coding!"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -1,6 +1 @@
|
||||
{
|
||||
daysAfterClose: 45,
|
||||
daysSinceLastUpdate: 3,
|
||||
ignoredLabels: ['*out-of-scope'],
|
||||
perform: true
|
||||
}
|
||||
{ daysAfterClose: 45, daysSinceLastUpdate: 3, ignoredLabels: ['*out-of-scope'], perform: true }
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
daysUntilClose: 7,
|
||||
needsMoreInfoLabel: 'needs more info',
|
||||
perform: true,
|
||||
closeComment: "This issue has been closed automatically because it needs more information and has not had recent activity. See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
daysUntilClose: 7,
|
||||
needsMoreInfoLabel: 'needs more info',
|
||||
perform: true,
|
||||
closeComment: "This issue has been closed automatically because it needs more information and has not had recent activity. See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
}
|
||||
|
||||
@ -1,19 +1,16 @@
|
||||
{
|
||||
// Use IntelliSense to learn about possible attributes.
|
||||
// Hover to view descriptions of existing attributes.
|
||||
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
||||
"version": "0.2.0",
|
||||
"configurations": [
|
||||
{
|
||||
"type": "node",
|
||||
"request": "launch",
|
||||
"cwd": "${workspaceFolder}/test/",
|
||||
"name": "Launch Program",
|
||||
"program": "${workspaceFolder}/node_modules/.bin/webpack",
|
||||
"args": [
|
||||
"--config",
|
||||
"webpack.config.js"
|
||||
],
|
||||
}
|
||||
]
|
||||
// Use IntelliSense to learn about possible attributes.
|
||||
// Hover to view descriptions of existing attributes.
|
||||
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
||||
"version": "0.2.0",
|
||||
"configurations": [
|
||||
{
|
||||
"type": "node",
|
||||
"request": "launch",
|
||||
"cwd": "${workspaceFolder}/test/",
|
||||
"name": "Launch Program",
|
||||
"program": "${workspaceFolder}/node_modules/.bin/webpack",
|
||||
"args": ["--config", "webpack.config.js"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"files.trimTrailingWhitespace": true,
|
||||
"files.insertFinalNewline": true,
|
||||
"editor.tabSize": 2,
|
||||
"editor.insertSpaces": true
|
||||
"files.trimTrailingWhitespace": true,
|
||||
"files.insertFinalNewline": true,
|
||||
"editor.tabSize": 2,
|
||||
"editor.insertSpaces": true
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,47 +1,47 @@
|
||||
{
|
||||
"name": "monaco-editor-webpack-plugin",
|
||||
"version": "6.0.0",
|
||||
"description": "A webpack plugin for the Monaco Editor",
|
||||
"main": "out/index.js",
|
||||
"typings": "./out/index.d.ts",
|
||||
"scripts": {
|
||||
"test": "node ./node_modules/webpack/bin/webpack.js --config test/webpack.config.js --progress",
|
||||
"test-cross-origin": "node ./node_modules/webpack/bin/webpack.js --config test/webpack-cross-origin.config.js --progress",
|
||||
"watch": "tsc -w -p tsconfig.json",
|
||||
"import-editor": "node ./scripts/import-editor.js",
|
||||
"prepublishOnly": "tsc -p tsconfig.json"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/microsoft/monaco-editor-webpack-plugin.git"
|
||||
},
|
||||
"keywords": [
|
||||
"webpack",
|
||||
"monaco",
|
||||
"editor",
|
||||
"loader"
|
||||
],
|
||||
"author": "Microsoft Corporation",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/microsoft/monaco-editor-webpack-plugin/issues"
|
||||
},
|
||||
"homepage": "https://github.com/microsoft/monaco-editor-webpack-plugin#readme",
|
||||
"peerDependencies": {
|
||||
"webpack": "^4.5.0 || 5.x",
|
||||
"monaco-editor": "0.30.x"
|
||||
},
|
||||
"devDependencies": {
|
||||
"css-loader": "^5.1.1",
|
||||
"file-loader": "^6.2.0",
|
||||
"glob": "^7.1.6",
|
||||
"monaco-editor": "^0.30.0",
|
||||
"style-loader": "^2.0.0",
|
||||
"typescript": "^4.2.3",
|
||||
"webpack": "^5.24.3",
|
||||
"webpack-cli": "^4.5.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"loader-utils": "^2.0.0"
|
||||
}
|
||||
"name": "monaco-editor-webpack-plugin",
|
||||
"version": "6.0.0",
|
||||
"description": "A webpack plugin for the Monaco Editor",
|
||||
"main": "out/index.js",
|
||||
"typings": "./out/index.d.ts",
|
||||
"scripts": {
|
||||
"test": "node ./node_modules/webpack/bin/webpack.js --config test/webpack.config.js --progress",
|
||||
"test-cross-origin": "node ./node_modules/webpack/bin/webpack.js --config test/webpack-cross-origin.config.js --progress",
|
||||
"watch": "tsc -w -p tsconfig.json",
|
||||
"import-editor": "node ./scripts/import-editor.js",
|
||||
"prepublishOnly": "tsc -p tsconfig.json"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/microsoft/monaco-editor-webpack-plugin.git"
|
||||
},
|
||||
"keywords": [
|
||||
"webpack",
|
||||
"monaco",
|
||||
"editor",
|
||||
"loader"
|
||||
],
|
||||
"author": "Microsoft Corporation",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/microsoft/monaco-editor-webpack-plugin/issues"
|
||||
},
|
||||
"homepage": "https://github.com/microsoft/monaco-editor-webpack-plugin#readme",
|
||||
"peerDependencies": {
|
||||
"webpack": "^4.5.0 || 5.x",
|
||||
"monaco-editor": "0.30.x"
|
||||
},
|
||||
"devDependencies": {
|
||||
"css-loader": "^5.1.1",
|
||||
"file-loader": "^6.2.0",
|
||||
"glob": "^7.1.6",
|
||||
"monaco-editor": "^0.30.0",
|
||||
"style-loader": "^2.0.0",
|
||||
"typescript": "^4.2.3",
|
||||
"webpack": "^5.24.3",
|
||||
"webpack-cli": "^4.5.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"loader-utils": "^2.0.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
declare module 'loader-utils' {
|
||||
export function interpolateName(loaderContext: any, name: string, options?: any): string;
|
||||
export function interpolateName(loaderContext: any, name: string, options?: any): string;
|
||||
}
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
const loaderUtils = require('loader-utils');
|
||||
|
||||
export function pitch(this: any, remainingRequest: any) {
|
||||
const { globals = undefined, pre = [], post = [] } = loaderUtils.getOptions(this) || {};
|
||||
const { globals = undefined, pre = [], post = [] } = loaderUtils.getOptions(this) || {};
|
||||
|
||||
// HACK: NamedModulesPlugin overwrites existing modules when requesting the same module via
|
||||
// different loaders, so we need to circumvent this by appending a suffix to make the name unique
|
||||
// See https://github.com/webpack/webpack/issues/4613#issuecomment-325178346 for details
|
||||
if (this._module && this._module.userRequest) {
|
||||
this._module.userRequest = `include-loader!${this._module.userRequest}`;
|
||||
}
|
||||
// HACK: NamedModulesPlugin overwrites existing modules when requesting the same module via
|
||||
// different loaders, so we need to circumvent this by appending a suffix to make the name unique
|
||||
// See https://github.com/webpack/webpack/issues/4613#issuecomment-325178346 for details
|
||||
if (this._module && this._module.userRequest) {
|
||||
this._module.userRequest = `include-loader!${this._module.userRequest}`;
|
||||
}
|
||||
|
||||
return [
|
||||
...(globals
|
||||
? Object.keys(globals).map((key) => `self[${JSON.stringify(key)}] = ${globals[key]};`)
|
||||
: []
|
||||
),
|
||||
...pre.map((include: any) => `require(${loaderUtils.stringifyRequest(this, include)});`),
|
||||
`module.exports = require(${loaderUtils.stringifyRequest(this, `!!${remainingRequest}`)});`,
|
||||
...post.map((include: any) => `require(${loaderUtils.stringifyRequest(this, include)});`),
|
||||
].join('\n');
|
||||
};
|
||||
return [
|
||||
...(globals
|
||||
? Object.keys(globals).map((key) => `self[${JSON.stringify(key)}] = ${globals[key]};`)
|
||||
: []),
|
||||
...pre.map((include: any) => `require(${loaderUtils.stringifyRequest(this, include)});`),
|
||||
`module.exports = require(${loaderUtils.stringifyRequest(this, `!!${remainingRequest}`)});`,
|
||||
...post.map((include: any) => `require(${loaderUtils.stringifyRequest(this, include)});`)
|
||||
].join('\n');
|
||||
}
|
||||
|
||||
@ -1,52 +1,63 @@
|
||||
import type * as webpack from 'webpack';
|
||||
|
||||
export interface IAddWorkerEntryPointPluginOptions {
|
||||
id: string;
|
||||
entry: string;
|
||||
filename: string;
|
||||
chunkFilename?: string;
|
||||
plugins: webpack.WebpackPluginInstance[];
|
||||
id: string;
|
||||
entry: string;
|
||||
filename: string;
|
||||
chunkFilename?: string;
|
||||
plugins: webpack.WebpackPluginInstance[];
|
||||
}
|
||||
|
||||
function getCompilerHook(compiler: webpack.Compiler, { id, entry, filename, chunkFilename, plugins }: IAddWorkerEntryPointPluginOptions) {
|
||||
const webpack = compiler.webpack ?? require('webpack');
|
||||
|
||||
return function (compilation: webpack.Compilation, callback: (error?: Error | null | false) => void) {
|
||||
const outputOptions = {
|
||||
filename,
|
||||
chunkFilename,
|
||||
publicPath: compilation.outputOptions.publicPath,
|
||||
// HACK: globalObject is necessary to fix https://github.com/webpack/webpack/issues/6642
|
||||
globalObject: 'this',
|
||||
};
|
||||
const childCompiler = compilation.createChildCompiler(id, outputOptions, [
|
||||
new webpack.webworker.WebWorkerTemplatePlugin(),
|
||||
new webpack.LoaderTargetPlugin('webworker'),
|
||||
]);
|
||||
const SingleEntryPlugin = webpack.EntryPlugin ?? webpack.SingleEntryPlugin;
|
||||
new SingleEntryPlugin(compiler.context, entry, 'main').apply(childCompiler);
|
||||
plugins.forEach((plugin) => plugin.apply(childCompiler));
|
||||
|
||||
childCompiler.runAsChild((err?: Error) => callback(err));
|
||||
}
|
||||
function getCompilerHook(
|
||||
compiler: webpack.Compiler,
|
||||
{ id, entry, filename, chunkFilename, plugins }: IAddWorkerEntryPointPluginOptions
|
||||
) {
|
||||
const webpack = compiler.webpack ?? require('webpack');
|
||||
|
||||
return function (
|
||||
compilation: webpack.Compilation,
|
||||
callback: (error?: Error | null | false) => void
|
||||
) {
|
||||
const outputOptions = {
|
||||
filename,
|
||||
chunkFilename,
|
||||
publicPath: compilation.outputOptions.publicPath,
|
||||
// HACK: globalObject is necessary to fix https://github.com/webpack/webpack/issues/6642
|
||||
globalObject: 'this'
|
||||
};
|
||||
const childCompiler = compilation.createChildCompiler(id, outputOptions, [
|
||||
new webpack.webworker.WebWorkerTemplatePlugin(),
|
||||
new webpack.LoaderTargetPlugin('webworker')
|
||||
]);
|
||||
const SingleEntryPlugin = webpack.EntryPlugin ?? webpack.SingleEntryPlugin;
|
||||
new SingleEntryPlugin(compiler.context, entry, 'main').apply(childCompiler);
|
||||
plugins.forEach((plugin) => plugin.apply(childCompiler));
|
||||
|
||||
childCompiler.runAsChild((err?: Error) => callback(err));
|
||||
};
|
||||
}
|
||||
|
||||
export class AddWorkerEntryPointPlugin implements webpack.WebpackPluginInstance {
|
||||
|
||||
private readonly options: IAddWorkerEntryPointPluginOptions;
|
||||
|
||||
constructor({ id, entry, filename, chunkFilename = undefined, plugins }: IAddWorkerEntryPointPluginOptions) {
|
||||
this.options = { id, entry, filename, chunkFilename, plugins };
|
||||
}
|
||||
|
||||
apply(compiler: webpack.Compiler) {
|
||||
const webpack = compiler.webpack ?? require('webpack');
|
||||
const compilerHook = getCompilerHook(compiler, this.options);
|
||||
const majorVersion = webpack.version.split('.')[0]
|
||||
if (parseInt(majorVersion) < 4) {
|
||||
(<any>compiler).plugin('make', compilerHook);
|
||||
} else {
|
||||
compiler.hooks.make.tapAsync('AddWorkerEntryPointPlugin', compilerHook);
|
||||
}
|
||||
}
|
||||
private readonly options: IAddWorkerEntryPointPluginOptions;
|
||||
|
||||
constructor({
|
||||
id,
|
||||
entry,
|
||||
filename,
|
||||
chunkFilename = undefined,
|
||||
plugins
|
||||
}: IAddWorkerEntryPointPluginOptions) {
|
||||
this.options = { id, entry, filename, chunkFilename, plugins };
|
||||
}
|
||||
|
||||
apply(compiler: webpack.Compiler) {
|
||||
const webpack = compiler.webpack ?? require('webpack');
|
||||
const compilerHook = getCompilerHook(compiler, this.options);
|
||||
const majorVersion = webpack.version.split('.')[0];
|
||||
if (parseInt(majorVersion) < 4) {
|
||||
(<any>compiler).plugin('make', compilerHook);
|
||||
} else {
|
||||
compiler.hooks.make.tapAsync('AddWorkerEntryPointPlugin', compilerHook);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,11 +1,10 @@
|
||||
|
||||
export interface IWorkerDefinition {
|
||||
id: string;
|
||||
entry: string;
|
||||
id: string;
|
||||
entry: string;
|
||||
}
|
||||
|
||||
export interface IFeatureDefinition {
|
||||
label: string;
|
||||
entry: string | string[] | undefined;
|
||||
worker?: IWorkerDefinition;
|
||||
label: string;
|
||||
entry: string | string[] | undefined;
|
||||
worker?: IWorkerDefinition;
|
||||
}
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container" style="width:800px;height:600px;border:1px solid #ccc"></div>
|
||||
<script type="text/javascript" src="app.js"></script>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container" style="width: 800px; height: 600px; border: 1px solid #ccc"></div>
|
||||
<script type="text/javascript" src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,7 +1,6 @@
|
||||
|
||||
import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
|
||||
|
||||
monaco.editor.create(document.getElementById('container'), {
|
||||
value: 'console.log("Hello, world")',
|
||||
language: 'javascript'
|
||||
value: 'console.log("Hello, world")',
|
||||
language: 'javascript'
|
||||
});
|
||||
@ -1,15 +1,11 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"module": "commonjs",
|
||||
"outDir": "out",
|
||||
"target": "es6",
|
||||
"declaration": true,
|
||||
"strict": true
|
||||
},
|
||||
"include": [
|
||||
"src"
|
||||
],
|
||||
"exclude": [
|
||||
"node_modules"
|
||||
]
|
||||
"compilerOptions": {
|
||||
"module": "commonjs",
|
||||
"outDir": "out",
|
||||
"target": "es6",
|
||||
"declaration": true,
|
||||
"strict": true
|
||||
},
|
||||
"include": ["src"],
|
||||
"exclude": ["node_modules"]
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
blank_issues_enabled: false
|
||||
contact_links:
|
||||
- name: Question
|
||||
url: https://stackoverflow.com/questions/tagged/monaco-editor
|
||||
url: https://stackoverflow.com/questions/tagged/monaco-editor
|
||||
about: Please ask and answer questions here.
|
||||
|
||||
@ -1,62 +1,63 @@
|
||||
{
|
||||
perform: true,
|
||||
commands: [
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'question',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: '*question'
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*question',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "Please ask your question on [StackOverflow](https://stackoverflow.com/questions/tagged/monaco-editor). We have a great community over [there](https://stackoverflow.com/questions/tagged/monaco-editor). They have already answered hundreds of questions and are happy to answer yours as well. You can also try [searching through existing issues](https://github.com/microsoft/monaco-editor/issues?utf8=%E2%9C%93&q=is%3Aissue+), looking at [API usage samples](https://microsoft.github.io/monaco-editor/playground.html) or at [integration samples](https://github.com/Microsoft/monaco-editor-samples). See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*out-of-scope',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "We closed this issue because we don't plan to address it in the foreseeable future. You can find more detailed information about our decision-making process [here](https://aka.ms/vscode-out-of-scope). If you disagree and feel that this issue is crucial: We are happy to listen and to reconsider.\n\nIf you wonder what we are up to, please see our [roadmap](https://aka.ms/vscoderoadmap) and [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nThanks for your understanding and happy coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*as-designed',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "The described behavior is how it is expected to work. If you disagree, please explain what is expected and what is not in more detail. See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*english-please',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "This issue is being closed because its description is not in English, that makes it hard for us to work on it. Please open a new issue with an English description. You might find [Bing Translator](https://www.bing.com/translator) useful."
|
||||
},
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'duplicate',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: '*duplicate'
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*duplicate',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "Thanks for creating this issue! We figured it's covering the same as another one we already have. Thus, we closed this one as a duplicate. You can search for existing issues [here](https://github.com/Microsoft/monaco-editor/issues). See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'needsMoreInfo',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: 'needs more info',
|
||||
comment: "Thanks for creating this issue! We figured it's missing some basic information or in some other way doesn't follow our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines. Please take the time to review these and update the issue.\n\nHappy Coding!"
|
||||
},
|
||||
perform: true,
|
||||
commands:
|
||||
[
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'question',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: '*question'
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*question',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "Please ask your question on [StackOverflow](https://stackoverflow.com/questions/tagged/monaco-editor). We have a great community over [there](https://stackoverflow.com/questions/tagged/monaco-editor). They have already answered hundreds of questions and are happy to answer yours as well. You can also try [searching through existing issues](https://github.com/microsoft/monaco-editor/issues?utf8=%E2%9C%93&q=is%3Aissue+), looking at [API usage samples](https://microsoft.github.io/monaco-editor/playground.html) or at [integration samples](https://github.com/Microsoft/monaco-editor-samples). See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*out-of-scope',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "We closed this issue because we don't plan to address it in the foreseeable future. You can find more detailed information about our decision-making process [here](https://aka.ms/vscode-out-of-scope). If you disagree and feel that this issue is crucial: We are happy to listen and to reconsider.\n\nIf you wonder what we are up to, please see our [roadmap](https://aka.ms/vscoderoadmap) and [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nThanks for your understanding and happy coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*as-designed',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "The described behavior is how it is expected to work. If you disagree, please explain what is expected and what is not in more detail. See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*english-please',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: 'This issue is being closed because its description is not in English, that makes it hard for us to work on it. Please open a new issue with an English description. You might find [Bing Translator](https://www.bing.com/translator) useful.'
|
||||
},
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'duplicate',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: '*duplicate'
|
||||
},
|
||||
{
|
||||
type: 'label',
|
||||
name: '*duplicate',
|
||||
allowTriggerByBot: true,
|
||||
action: 'close',
|
||||
comment: "Thanks for creating this issue! We figured it's covering the same as another one we already have. Thus, we closed this one as a duplicate. You can search for existing issues [here](https://github.com/Microsoft/monaco-editor/issues). See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
},
|
||||
{
|
||||
type: 'comment',
|
||||
name: 'needsMoreInfo',
|
||||
allowUsers: [],
|
||||
action: 'updateLabels',
|
||||
addLabel: 'needs more info',
|
||||
comment: "Thanks for creating this issue! We figured it's missing some basic information or in some other way doesn't follow our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines. Please take the time to review these and update the issue.\n\nHappy Coding!"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -1,6 +1 @@
|
||||
{
|
||||
daysAfterClose: 45,
|
||||
daysSinceLastUpdate: 3,
|
||||
ignoredLabels: ['*out-of-scope'],
|
||||
perform: true
|
||||
}
|
||||
{ daysAfterClose: 45, daysSinceLastUpdate: 3, ignoredLabels: ['*out-of-scope'], perform: true }
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
daysUntilClose: 7,
|
||||
needsMoreInfoLabel: 'needs-more-info',
|
||||
perform: true,
|
||||
closeComment: "This issue has been closed automatically because it needs more information and has not had recent activity. See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
daysUntilClose: 7,
|
||||
needsMoreInfoLabel: 'needs-more-info',
|
||||
perform: true,
|
||||
closeComment: "This issue has been closed automatically because it needs more information and has not had recent activity. See also our [issue reporting](https://aka.ms/vscodeissuereporting) guidelines.\n\nHappy Coding!"
|
||||
}
|
||||
|
||||
@ -1,54 +1,60 @@
|
||||
const path = require('path');
|
||||
|
||||
module.exports = {
|
||||
mode: 'production',
|
||||
entry: {
|
||||
"core": './ci/core.js',
|
||||
"editor.worker": './vscode/out-monaco-editor-core/esm/vs/editor/editor.worker.js',
|
||||
"json.worker": 'monaco-json/release/esm/json.worker',
|
||||
"css.worker": 'monaco-css/release/esm/css.worker',
|
||||
"html.worker": 'monaco-html/release/esm/html.worker',
|
||||
"ts.worker": 'monaco-typescript/release/esm/ts.worker',
|
||||
},
|
||||
output: {
|
||||
globalObject: 'self',
|
||||
filename: '[name].bundle.js',
|
||||
path: path.resolve(__dirname, '../dist')
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: ['style-loader', 'css-loader'],
|
||||
},
|
||||
{
|
||||
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
|
||||
use: [
|
||||
{
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: '[name].[ext]',
|
||||
outputPath: 'fonts/'
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'monaco-editor-core/esm/vs/editor/editor.worker': path.resolve(__dirname, '../vscode/out-monaco-editor-core/esm/vs/editor/editor.worker.js'),
|
||||
'monaco-editor-core': path.resolve(__dirname, '../vscode/out-monaco-editor-core/esm/vs/editor/editor.main.js'),
|
||||
}
|
||||
},
|
||||
stats: {
|
||||
all: false,
|
||||
modules: true,
|
||||
errors: true,
|
||||
warnings: true,
|
||||
// our additional options
|
||||
moduleTrace: true,
|
||||
errorDetails: true,
|
||||
chunks: true
|
||||
}
|
||||
mode: 'production',
|
||||
entry: {
|
||||
core: './ci/core.js',
|
||||
'editor.worker': './vscode/out-monaco-editor-core/esm/vs/editor/editor.worker.js',
|
||||
'json.worker': 'monaco-json/release/esm/json.worker',
|
||||
'css.worker': 'monaco-css/release/esm/css.worker',
|
||||
'html.worker': 'monaco-html/release/esm/html.worker',
|
||||
'ts.worker': 'monaco-typescript/release/esm/ts.worker'
|
||||
},
|
||||
output: {
|
||||
globalObject: 'self',
|
||||
filename: '[name].bundle.js',
|
||||
path: path.resolve(__dirname, '../dist')
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: ['style-loader', 'css-loader']
|
||||
},
|
||||
{
|
||||
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
|
||||
use: [
|
||||
{
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: '[name].[ext]',
|
||||
outputPath: 'fonts/'
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'monaco-editor-core/esm/vs/editor/editor.worker': path.resolve(
|
||||
__dirname,
|
||||
'../vscode/out-monaco-editor-core/esm/vs/editor/editor.worker.js'
|
||||
),
|
||||
'monaco-editor-core': path.resolve(
|
||||
__dirname,
|
||||
'../vscode/out-monaco-editor-core/esm/vs/editor/editor.main.js'
|
||||
)
|
||||
}
|
||||
},
|
||||
stats: {
|
||||
all: false,
|
||||
modules: true,
|
||||
errors: true,
|
||||
warnings: true,
|
||||
// our additional options
|
||||
moduleTrace: true,
|
||||
errorDetails: true,
|
||||
chunks: true
|
||||
}
|
||||
};
|
||||
|
||||
@ -1,35 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
#container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.dev-setup-control {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container"></div>
|
||||
<script src="../../metadata.js"></script>
|
||||
<script src="../dev-setup.js"></script>
|
||||
<script src="iframe.js"></script>
|
||||
</body>
|
||||
.dev-setup-control {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container"></div>
|
||||
<script src="../../metadata.js"></script>
|
||||
<script src="../dev-setup.js"></script>
|
||||
<script src="iframe.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,22 +1,22 @@
|
||||
const init = () => {
|
||||
loadEditor(function() {
|
||||
// create the editor
|
||||
const target = document.getElementById('container');
|
||||
const editor = monaco.editor.create(target, { language: 'html' });
|
||||
loadEditor(function () {
|
||||
// create the editor
|
||||
const target = document.getElementById('container');
|
||||
const editor = monaco.editor.create(target, { language: 'html' });
|
||||
|
||||
// load some sample data
|
||||
(async () => {
|
||||
const response = await fetch('https://microsoft.github.io/monaco-editor/');
|
||||
const html = await response.text();
|
||||
editor.getModel().setValue(html);
|
||||
})();
|
||||
});
|
||||
// load some sample data
|
||||
(async () => {
|
||||
const response = await fetch('https://microsoft.github.io/monaco-editor/');
|
||||
const html = await response.text();
|
||||
editor.getModel().setValue(html);
|
||||
})();
|
||||
});
|
||||
};
|
||||
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
if (!window.innerWidth || !window.innerHeight) {
|
||||
window.addEventListener('resize', init, { once: true });
|
||||
} else {
|
||||
init();
|
||||
}
|
||||
if (!window.innerWidth || !window.innerHeight) {
|
||||
window.addEventListener('resize', init, { once: true });
|
||||
} else {
|
||||
init();
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,42 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script type="module">
|
||||
class MonacoEditorElement extends HTMLElement {
|
||||
constructor() {
|
||||
super();
|
||||
this.style = 'display: block;';
|
||||
const shadow = this.attachShadow({ mode: 'open' });
|
||||
const iframe = document.createElement('iframe');
|
||||
iframe.src = new URL('iframe.html?editor=src', import.meta.url).href;
|
||||
iframe.style = `width: 100%; height: 100%;`;
|
||||
shadow.appendChild(iframe);
|
||||
}
|
||||
}
|
||||
<head>
|
||||
<script type="module">
|
||||
class MonacoEditorElement extends HTMLElement {
|
||||
constructor() {
|
||||
super();
|
||||
this.style = 'display: block;';
|
||||
const shadow = this.attachShadow({ mode: 'open' });
|
||||
const iframe = document.createElement('iframe');
|
||||
iframe.src = new URL('iframe.html?editor=src', import.meta.url).href;
|
||||
iframe.style = `width: 100%; height: 100%;`;
|
||||
shadow.appendChild(iframe);
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('monaco-editor', MonacoEditorElement);
|
||||
</script>
|
||||
<style>
|
||||
section {
|
||||
margin: 80px;
|
||||
}
|
||||
customElements.define('monaco-editor', MonacoEditorElement);
|
||||
</script>
|
||||
<style>
|
||||
section {
|
||||
margin: 80px;
|
||||
}
|
||||
|
||||
iframe,
|
||||
monaco-editor {
|
||||
width: 640px;
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<h1>Monaco in a shadowRoot + iframe context</h1>
|
||||
<monaco-editor></monaco-editor>
|
||||
</section>
|
||||
<hr>
|
||||
<section>
|
||||
<h1>Monaco in an iframe context</h1>
|
||||
<iframe src="iframe.html?editor=src"></iframe>
|
||||
</section>
|
||||
</body>
|
||||
iframe,
|
||||
monaco-editor {
|
||||
width: 640px;
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<h1>Monaco in a shadowRoot + iframe context</h1>
|
||||
<monaco-editor></monaco-editor>
|
||||
</section>
|
||||
<hr />
|
||||
<section>
|
||||
<h1>Monaco in an iframe context</h1>
|
||||
<iframe src="iframe.html?editor=src"></iframe>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,35 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
#container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.dev-setup-control {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container"></div>
|
||||
<script src="../../metadata.js"></script>
|
||||
<script src="../dev-setup.js"></script>
|
||||
<script src="iframe.js"></script>
|
||||
</body>
|
||||
.dev-setup-control {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container"></div>
|
||||
<script src="../../metadata.js"></script>
|
||||
<script src="../dev-setup.js"></script>
|
||||
<script src="iframe.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,22 +1,22 @@
|
||||
const init = () => {
|
||||
loadEditor(function() {
|
||||
// create the editor
|
||||
const target = document.getElementById('container');
|
||||
const editor = monaco.editor.create(target, { language: 'html' });
|
||||
loadEditor(function () {
|
||||
// create the editor
|
||||
const target = document.getElementById('container');
|
||||
const editor = monaco.editor.create(target, { language: 'html' });
|
||||
|
||||
// load some sample data
|
||||
(async () => {
|
||||
const response = await fetch('https://microsoft.github.io/monaco-editor/');
|
||||
const html = await response.text();
|
||||
editor.getModel().setValue(html);
|
||||
})();
|
||||
});
|
||||
// load some sample data
|
||||
(async () => {
|
||||
const response = await fetch('https://microsoft.github.io/monaco-editor/');
|
||||
const html = await response.text();
|
||||
editor.getModel().setValue(html);
|
||||
})();
|
||||
});
|
||||
};
|
||||
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
if (!window.innerWidth || !window.innerHeight) {
|
||||
window.addEventListener('resize', init, { once: true });
|
||||
} else {
|
||||
init();
|
||||
}
|
||||
if (!window.innerWidth || !window.innerHeight) {
|
||||
window.addEventListener('resize', init, { once: true });
|
||||
} else {
|
||||
init();
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,8 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<iframe src="http://localhost:8088/monaco-editor/test/2264/iframe.html?editor=src" style="width:800px;height:600px;" sandbox="allow-same-origin allow-scripts allow-popups allow-modals allow-forms allow-downloads"></iframe>
|
||||
</body>
|
||||
<head> </head>
|
||||
<body>
|
||||
<iframe
|
||||
src="http://localhost:8088/monaco-editor/test/2264/iframe.html?editor=src"
|
||||
style="width: 800px; height: 600px"
|
||||
sandbox="allow-same-origin allow-scripts allow-popups allow-modals allow-forms allow-downloads"
|
||||
></iframe>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,26 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<h2>Monaco Editor wrong cross origin</h2>
|
||||
|
||||
<h2>Monaco Editor wrong cross origin</h2>
|
||||
<div style="clear: both"></div>
|
||||
<div
|
||||
id="container"
|
||||
style="float: left; width: 800px; height: 450px; border: 1px solid grey"
|
||||
></div>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<div style="clear:both"></div>
|
||||
<div id="container" style="float:left;width:800px;height:450px;border: 1px solid grey"></div>
|
||||
<div style="clear:both"></div>
|
||||
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function() {
|
||||
monaco.editor.create(document.getElementById('container'), {
|
||||
value: document.documentElement.innerHTML,
|
||||
language: 'css'
|
||||
});
|
||||
}, 'http://localhost:8088');
|
||||
</script>
|
||||
|
||||
</body>
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function () {
|
||||
monaco.editor.create(document.getElementById('container'), {
|
||||
value: document.documentElement.innerHTML,
|
||||
language: 'css'
|
||||
});
|
||||
}, 'http://localhost:8088');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,33 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<h2>Monaco Editor cross origin correct</h2>
|
||||
|
||||
<h2>Monaco Editor cross origin correct</h2>
|
||||
<div style="clear: both"></div>
|
||||
<div
|
||||
id="container"
|
||||
style="float: left; width: 800px; height: 450px; border: 1px solid grey"
|
||||
></div>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<div style="clear:both"></div>
|
||||
<div id="container" style="float:left;width:800px;height:450px;border: 1px solid grey"></div>
|
||||
<div style="clear:both"></div>
|
||||
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
window.MonacoEnvironment = {
|
||||
getWorkerUrl: function() {
|
||||
return 'cross-origin-worker-proxy.js#http://localhost:8088' + RESOLVED_CORE_PATH;
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<script>
|
||||
loadEditor(function() {
|
||||
monaco.editor.create(document.getElementById('container'), {
|
||||
value: document.documentElement.innerHTML,
|
||||
language: 'css'
|
||||
});
|
||||
}, 'http://localhost:8088');
|
||||
</script>
|
||||
|
||||
</body>
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
window.MonacoEnvironment = {
|
||||
getWorkerUrl: function () {
|
||||
return 'cross-origin-worker-proxy.js#http://localhost:8088' + RESOLVED_CORE_PATH;
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<script>
|
||||
loadEditor(function () {
|
||||
monaco.editor.create(document.getElementById('container'), {
|
||||
value: document.documentElement.innerHTML,
|
||||
language: 'css'
|
||||
});
|
||||
}, 'http://localhost:8088');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,19 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<div
|
||||
id="container"
|
||||
style="float: left; width: 800px; height: 450px; border: 1px solid grey"
|
||||
></div>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<div id="container" style="float:left;width:800px;height:450px;border: 1px solid grey"></div>
|
||||
<div style="clear:both"></div>
|
||||
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function() {
|
||||
require(['./diff'], function() {});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function () {
|
||||
require(['./diff'], function () {});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,45 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<link rel="stylesheet" href="./index.css" />
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<link rel="stylesheet" href="./index.css" />
|
||||
</head>
|
||||
<body>
|
||||
Jump to:
|
||||
<a class="loading-opts" href="./smoketest.html">[SMOKETEST]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./playground.generated/index.html">[PLAYGROUND]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./mouse-fixed.html">[fixed element]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./mouse-scrollable-body.html">[scrollable body]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./mouse-scrollable-element.html">[scrollable element]</a><br />
|
||||
 | 
|
||||
<a class="loading-opts" href="./shadow-dom.html">[Shadow DOM]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./colorize.html">[colorize element]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./cross-origin-broken.html">[cross origin broken]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./cross-origin-good.html">[cross origin good]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./diff.html">[diff]</a>
|
||||
<br /><br />
|
||||
|
||||
Jump to:
|
||||
<a class="loading-opts" href="./smoketest.html">[SMOKETEST]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./playground.generated/index.html">[PLAYGROUND]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./mouse-fixed.html">[fixed element]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./mouse-scrollable-body.html">[scrollable body]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./mouse-scrollable-element.html">[scrollable element]</a><br/>
|
||||
 | 
|
||||
<a class="loading-opts" href="./shadow-dom.html">[Shadow DOM]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./colorize.html">[colorize element]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./cross-origin-broken.html">[cross origin broken]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./cross-origin-good.html">[cross origin good]</a>
|
||||
 | 
|
||||
<a class="loading-opts" href="./diff.html">[diff]</a>
|
||||
<br/><br/>
|
||||
<div id="bar" style="margin-bottom: 6px"></div>
|
||||
<div style="clear: both"></div>
|
||||
<div
|
||||
id="container"
|
||||
style="float: left; width: 800px; height: 450px; border: 1px solid grey"
|
||||
></div>
|
||||
<div
|
||||
id="options"
|
||||
style="float: left; width: 220px; height: 450px; border: 1px solid grey"
|
||||
></div>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<div id="bar" style="margin-bottom: 6px;"></div>
|
||||
<div style="clear:both"></div>
|
||||
<div id="container" style="float:left;width:800px;height:450px;border: 1px solid grey"></div>
|
||||
<div id="options" style="float:left;width:220px;height:450px;border: 1px solid grey"></div>
|
||||
<div style="clear:both"></div>
|
||||
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function() {
|
||||
require(['./index'], function() {});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function () {
|
||||
require(['./index'], function () {});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,396 +1,428 @@
|
||||
/// <reference path="../node_modules/monaco-editor-core/monaco.d.ts" />
|
||||
/// <reference path="../node_modules/monaco-typescript/monaco.d.ts" />
|
||||
define(['require', './samples'], function(require, SAMPLES) {
|
||||
|
||||
var domutils = require('vs/base/browser/dom');
|
||||
|
||||
var model = monaco.editor.createModel('', 'plaintext');
|
||||
|
||||
monaco.languages.typescript.typescriptDefaults.setInlayHintsOptions({
|
||||
includeInlayParameterNameHints: 'all',
|
||||
includeInlayParameterNameHintsWhenArgumentMatchesName: true,
|
||||
includeInlayFunctionParameterTypeHints: true,
|
||||
includeInlayVariableTypeHints: true,
|
||||
includeInlayPropertyDeclarationTypeHints: true,
|
||||
includeInlayFunctionLikeReturnTypeHints: true,
|
||||
includeInlayEnumMemberValueHints: true
|
||||
});
|
||||
|
||||
var editor = monaco.editor.create(document.getElementById('container'), {
|
||||
model: model,
|
||||
glyphMargin: true,
|
||||
renderWhitespace: true
|
||||
});
|
||||
|
||||
editor.addCommand({
|
||||
ctrlCmd: true,
|
||||
key: 'F9'
|
||||
}, function(ctx, args) {
|
||||
alert('Command Running!!');
|
||||
console.log(ctx);
|
||||
});
|
||||
/// <reference path="../../node_modules/monaco-editor-core/monaco.d.ts" />
|
||||
/// <reference path="../../monaco-typescript/monaco.d.ts" />
|
||||
define(['require', './samples'], function (require, SAMPLES) {
|
||||
var domutils = require('vs/base/browser/dom');
|
||||
|
||||
var model = monaco.editor.createModel('', 'plaintext');
|
||||
|
||||
monaco.languages.typescript.typescriptDefaults.setInlayHintsOptions({
|
||||
includeInlayParameterNameHints: 'all',
|
||||
includeInlayParameterNameHintsWhenArgumentMatchesName: true,
|
||||
includeInlayFunctionParameterTypeHints: true,
|
||||
includeInlayVariableTypeHints: true,
|
||||
includeInlayPropertyDeclarationTypeHints: true,
|
||||
includeInlayFunctionLikeReturnTypeHints: true,
|
||||
includeInlayEnumMemberValueHints: true
|
||||
});
|
||||
|
||||
editor.addAction({
|
||||
id: 'my-unique-id',
|
||||
label: 'My Label!!!',
|
||||
keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.F10],
|
||||
contextMenuGroupId: 'navigation',
|
||||
contextMenuOrder: 2.5,
|
||||
run: function(ed) {
|
||||
console.log("i'm running => " + ed.getPosition());
|
||||
}
|
||||
});
|
||||
var editor = monaco.editor.create(document.getElementById('container'), {
|
||||
model: model,
|
||||
glyphMargin: true,
|
||||
renderWhitespace: true
|
||||
});
|
||||
|
||||
var currentSamplePromise = null;
|
||||
var samplesData = {};
|
||||
SAMPLES.sort(function(a,b) {
|
||||
return a.name.localeCompare(b.name);
|
||||
}).forEach(function(sample) {
|
||||
samplesData[sample.name] = function() {
|
||||
if (currentSamplePromise !== null) {
|
||||
currentSamplePromise.cancel();
|
||||
currentSamplePromise = null;
|
||||
editor.addCommand(
|
||||
{
|
||||
ctrlCmd: true,
|
||||
key: 'F9'
|
||||
},
|
||||
function (ctx, args) {
|
||||
alert('Command Running!!');
|
||||
console.log(ctx);
|
||||
}
|
||||
currentSamplePromise = sample.loadText().then(function(modelText) {
|
||||
currentSamplePromise = null;
|
||||
updateEditor(sample.mimeType, modelText, sample.name);
|
||||
});
|
||||
}
|
||||
});
|
||||
var examplesComboBox = new ComboBox('Template', samplesData);
|
||||
|
||||
|
||||
var modesData = {};
|
||||
monaco.languages.getLanguages().forEach(function(language) {
|
||||
modesData[language.id] = updateEditor.bind(this, language.id);
|
||||
});
|
||||
var modesComboBox = new ComboBox('Mode', modesData);
|
||||
|
||||
|
||||
var themesData = {};
|
||||
themesData['vs'] = function() { monaco.editor.setTheme('vs') };
|
||||
themesData['vs-dark'] = function() { monaco.editor.setTheme('vs-dark') };
|
||||
themesData['hc-black'] = function() { monaco.editor.setTheme('hc-black') };
|
||||
var themesComboBox = new ComboBox('Theme', themesData);
|
||||
|
||||
|
||||
// Do it in a timeout to simplify profiles
|
||||
window.setTimeout(function () {
|
||||
var START_SAMPLE = 'Y___DefaultJS';
|
||||
|
||||
var url_matches = location.search.match(/sample=([^?&]+)/i);
|
||||
if (url_matches) {
|
||||
START_SAMPLE = url_matches[1];
|
||||
}
|
||||
|
||||
if (location.hash) {
|
||||
START_SAMPLE = location.hash.replace(/^\#/, '');
|
||||
START_SAMPLE = decodeURIComponent(START_SAMPLE);
|
||||
}
|
||||
);
|
||||
|
||||
editor.addAction({
|
||||
id: 'my-unique-id',
|
||||
label: 'My Label!!!',
|
||||
keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.F10],
|
||||
contextMenuGroupId: 'navigation',
|
||||
contextMenuOrder: 2.5,
|
||||
run: function (ed) {
|
||||
console.log("i'm running => " + ed.getPosition());
|
||||
}
|
||||
});
|
||||
|
||||
samplesData[START_SAMPLE]();
|
||||
examplesComboBox.set(START_SAMPLE);
|
||||
var currentSamplePromise = null;
|
||||
var samplesData = {};
|
||||
SAMPLES.sort(function (a, b) {
|
||||
return a.name.localeCompare(b.name);
|
||||
}).forEach(function (sample) {
|
||||
samplesData[sample.name] = function () {
|
||||
if (currentSamplePromise !== null) {
|
||||
currentSamplePromise.cancel();
|
||||
currentSamplePromise = null;
|
||||
}
|
||||
currentSamplePromise = sample.loadText().then(function (modelText) {
|
||||
currentSamplePromise = null;
|
||||
updateEditor(sample.mimeType, modelText, sample.name);
|
||||
});
|
||||
};
|
||||
});
|
||||
var examplesComboBox = new ComboBox('Template', samplesData);
|
||||
|
||||
createOptions(editor);
|
||||
createToolbar(editor);
|
||||
}, 0);
|
||||
var modesData = {};
|
||||
monaco.languages.getLanguages().forEach(function (language) {
|
||||
modesData[language.id] = updateEditor.bind(this, language.id);
|
||||
});
|
||||
var modesComboBox = new ComboBox('Mode', modesData);
|
||||
|
||||
var themesData = {};
|
||||
themesData['vs'] = function () {
|
||||
monaco.editor.setTheme('vs');
|
||||
};
|
||||
themesData['vs-dark'] = function () {
|
||||
monaco.editor.setTheme('vs-dark');
|
||||
};
|
||||
themesData['hc-black'] = function () {
|
||||
monaco.editor.setTheme('hc-black');
|
||||
};
|
||||
var themesComboBox = new ComboBox('Theme', themesData);
|
||||
|
||||
function updateEditor(mode, value, sampleName) {
|
||||
if (sampleName) {
|
||||
window.location.hash = sampleName;
|
||||
}
|
||||
// Do it in a timeout to simplify profiles
|
||||
window.setTimeout(function () {
|
||||
var START_SAMPLE = 'Y___DefaultJS';
|
||||
|
||||
if (typeof value !== 'undefined') {
|
||||
var oldModel = model;
|
||||
model = monaco.editor.createModel(value, mode);
|
||||
editor.setModel(model);
|
||||
if (oldModel) {
|
||||
oldModel.dispose();
|
||||
var url_matches = location.search.match(/sample=([^?&]+)/i);
|
||||
if (url_matches) {
|
||||
START_SAMPLE = url_matches[1];
|
||||
}
|
||||
} else {
|
||||
monaco.editor.setModelLanguage(model, mode);
|
||||
}
|
||||
|
||||
modesComboBox.set(mode);
|
||||
}
|
||||
|
||||
|
||||
function createToolbar(editor) {
|
||||
var bar = document.getElementById('bar');
|
||||
|
||||
bar.appendChild(examplesComboBox.domNode);
|
||||
if (location.hash) {
|
||||
START_SAMPLE = location.hash.replace(/^\#/, '');
|
||||
START_SAMPLE = decodeURIComponent(START_SAMPLE);
|
||||
}
|
||||
|
||||
bar.appendChild(modesComboBox.domNode);
|
||||
samplesData[START_SAMPLE]();
|
||||
examplesComboBox.set(START_SAMPLE);
|
||||
|
||||
bar.appendChild(themesComboBox.domNode);
|
||||
createOptions(editor);
|
||||
createToolbar(editor);
|
||||
}, 0);
|
||||
|
||||
bar.appendChild(createButton("Dispose all", function (e) {
|
||||
editor.dispose();
|
||||
editor = null;
|
||||
if (model) {
|
||||
model.dispose();
|
||||
model = null;
|
||||
function updateEditor(mode, value, sampleName) {
|
||||
if (sampleName) {
|
||||
window.location.hash = sampleName;
|
||||
}
|
||||
}));
|
||||
|
||||
bar.appendChild(createButton("Remove Model", function(e) {
|
||||
editor.setModel(null);
|
||||
}));
|
||||
|
||||
bar.appendChild(createButton("Dispose Model", function(e) {
|
||||
if (model) {
|
||||
model.dispose();
|
||||
model = null;
|
||||
}
|
||||
}));
|
||||
|
||||
bar.appendChild(createButton('Ballistic scroll', (function() {
|
||||
var friction = 1000; // px per second
|
||||
var speed = 0; // px per second
|
||||
var isRunning = false;
|
||||
var lastTime;
|
||||
var r = 0;
|
||||
|
||||
var scroll = function() {
|
||||
var currentTime = new Date().getTime();
|
||||
var ellapsedTimeS = (currentTime - lastTime) / 1000;
|
||||
lastTime = currentTime;
|
||||
|
||||
speed = speed - friction * ellapsedTimeS;
|
||||
r = r + speed * ellapsedTimeS;
|
||||
editor.setScrollTop(r);
|
||||
|
||||
if (speed >= 0) {
|
||||
domutils.scheduleAtNextAnimationFrame(scroll);
|
||||
} else {
|
||||
isRunning = false;
|
||||
if (typeof value !== 'undefined') {
|
||||
var oldModel = model;
|
||||
model = monaco.editor.createModel(value, mode);
|
||||
editor.setModel(model);
|
||||
if (oldModel) {
|
||||
oldModel.dispose();
|
||||
}
|
||||
} else {
|
||||
monaco.editor.setModelLanguage(model, mode);
|
||||
}
|
||||
|
||||
return function (e) {
|
||||
speed += 2000;
|
||||
if (!isRunning) {
|
||||
isRunning = true;
|
||||
r = editor.getScrollTop();
|
||||
lastTime = new Date().getTime();
|
||||
domutils.runAtThisOrScheduleAtNextAnimationFrame(scroll);
|
||||
}
|
||||
};
|
||||
})()));
|
||||
}
|
||||
|
||||
function createButton(label, onClick) {
|
||||
var result = document.createElement("button");
|
||||
result.innerHTML = label;
|
||||
result.onclick = onClick;
|
||||
return result;
|
||||
}
|
||||
|
||||
function createOptions(editor) {
|
||||
var options = document.getElementById('options');
|
||||
|
||||
var lineNumbers;
|
||||
options.appendChild(createOptionToggle(
|
||||
editor,
|
||||
'lineNumbers',
|
||||
function() {
|
||||
return (lineNumbers === false ? false : true);
|
||||
},
|
||||
function(editor, newValue) {
|
||||
lineNumbers = newValue;
|
||||
editor.updateOptions({ lineNumbers: lineNumbers ? 'on' : 'off' });
|
||||
}
|
||||
));
|
||||
|
||||
var glyphMargin;
|
||||
options.appendChild(createOptionToggle(
|
||||
editor,
|
||||
'glyphMargin',
|
||||
function() {
|
||||
return (glyphMargin === false ? false : true);
|
||||
},
|
||||
function(editor, newValue) {
|
||||
glyphMargin = newValue;
|
||||
editor.updateOptions({ glyphMargin: glyphMargin });
|
||||
}
|
||||
));
|
||||
|
||||
var minimap;
|
||||
options.appendChild(createOptionToggle(
|
||||
editor,
|
||||
'minimap',
|
||||
function() {
|
||||
return (minimap === false ? false : true);
|
||||
},
|
||||
function(editor, newValue) {
|
||||
minimap = newValue;
|
||||
editor.updateOptions({ minimap: { enabled: minimap } });
|
||||
}
|
||||
));
|
||||
|
||||
var roundedSelection;
|
||||
options.appendChild(createOptionToggle(
|
||||
editor,
|
||||
'roundedSelection',
|
||||
function() {
|
||||
return (roundedSelection === false ? false : true);
|
||||
},
|
||||
function(editor, newValue) {
|
||||
roundedSelection = newValue;
|
||||
editor.updateOptions({ roundedSelection: roundedSelection });
|
||||
}
|
||||
));
|
||||
|
||||
var scrollBeyondLastLine;
|
||||
options.appendChild(createOptionToggle(
|
||||
editor,
|
||||
'scrollBeyondLastLine',
|
||||
function() {
|
||||
return (scrollBeyondLastLine === false ? false : true);
|
||||
},
|
||||
function(editor, newValue) {
|
||||
scrollBeyondLastLine = newValue;
|
||||
editor.updateOptions({ scrollBeyondLastLine: scrollBeyondLastLine });
|
||||
}
|
||||
));
|
||||
|
||||
var renderWhitespace;
|
||||
options.appendChild(createOptionToggle(
|
||||
editor,
|
||||
'renderWhitespace',
|
||||
function() {
|
||||
return (renderWhitespace === true ? true : false);
|
||||
},
|
||||
function(editor, newValue) {
|
||||
renderWhitespace = newValue;
|
||||
editor.updateOptions({ renderWhitespace: renderWhitespace });
|
||||
}
|
||||
));
|
||||
|
||||
var readOnly;
|
||||
options.appendChild(createOptionToggle(
|
||||
editor,
|
||||
'readOnly',
|
||||
function() {
|
||||
return (readOnly === true ? true : false);
|
||||
},
|
||||
function(editor, newValue) {
|
||||
readOnly = newValue;
|
||||
editor.updateOptions({ readOnly: readOnly });
|
||||
}
|
||||
));
|
||||
|
||||
var wordWrap;
|
||||
options.appendChild(createOptionToggle(
|
||||
editor,
|
||||
'wordWrap',
|
||||
function() {
|
||||
return (wordWrap === true ? true : false);
|
||||
},
|
||||
function(editor, newValue) {
|
||||
wordWrap = newValue;
|
||||
editor.updateOptions({ wordWrap: wordWrap ? 'on' : 'off' });
|
||||
}
|
||||
));
|
||||
|
||||
var folding;
|
||||
options.appendChild(createOptionToggle(
|
||||
editor,
|
||||
'folding',
|
||||
function() {
|
||||
return (folding === false ? false : true);
|
||||
},
|
||||
function(editor, newValue) {
|
||||
folding = newValue;
|
||||
editor.updateOptions({ folding: folding });
|
||||
}
|
||||
));
|
||||
modesComboBox.set(mode);
|
||||
}
|
||||
|
||||
function createToolbar(editor) {
|
||||
var bar = document.getElementById('bar');
|
||||
|
||||
bar.appendChild(examplesComboBox.domNode);
|
||||
|
||||
bar.appendChild(modesComboBox.domNode);
|
||||
|
||||
bar.appendChild(themesComboBox.domNode);
|
||||
|
||||
bar.appendChild(
|
||||
createButton('Dispose all', function (e) {
|
||||
editor.dispose();
|
||||
editor = null;
|
||||
if (model) {
|
||||
model.dispose();
|
||||
model = null;
|
||||
}
|
||||
})
|
||||
);
|
||||
|
||||
bar.appendChild(
|
||||
createButton('Remove Model', function (e) {
|
||||
editor.setModel(null);
|
||||
})
|
||||
);
|
||||
|
||||
bar.appendChild(
|
||||
createButton('Dispose Model', function (e) {
|
||||
if (model) {
|
||||
model.dispose();
|
||||
model = null;
|
||||
}
|
||||
})
|
||||
);
|
||||
|
||||
bar.appendChild(
|
||||
createButton(
|
||||
'Ballistic scroll',
|
||||
(function () {
|
||||
var friction = 1000; // px per second
|
||||
var speed = 0; // px per second
|
||||
var isRunning = false;
|
||||
var lastTime;
|
||||
var r = 0;
|
||||
|
||||
var scroll = function () {
|
||||
var currentTime = new Date().getTime();
|
||||
var ellapsedTimeS = (currentTime - lastTime) / 1000;
|
||||
lastTime = currentTime;
|
||||
|
||||
speed = speed - friction * ellapsedTimeS;
|
||||
r = r + speed * ellapsedTimeS;
|
||||
editor.setScrollTop(r);
|
||||
|
||||
if (speed >= 0) {
|
||||
domutils.scheduleAtNextAnimationFrame(scroll);
|
||||
} else {
|
||||
isRunning = false;
|
||||
}
|
||||
};
|
||||
|
||||
return function (e) {
|
||||
speed += 2000;
|
||||
if (!isRunning) {
|
||||
isRunning = true;
|
||||
r = editor.getScrollTop();
|
||||
lastTime = new Date().getTime();
|
||||
domutils.runAtThisOrScheduleAtNextAnimationFrame(scroll);
|
||||
}
|
||||
};
|
||||
})()
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
var bracketPairColorizationEnabled = false;
|
||||
options.appendChild(createOptionToggle(
|
||||
editor,
|
||||
'bracketPairColorizationEnabled',
|
||||
function() {
|
||||
return (bracketPairColorizationEnabled === false ? false : true);
|
||||
},
|
||||
function(editor, newValue) {
|
||||
bracketPairColorizationEnabled = newValue;
|
||||
editor.updateOptions({ "bracketPairColorization.enabled": bracketPairColorizationEnabled, });
|
||||
}
|
||||
));
|
||||
}
|
||||
function createButton(label, onClick) {
|
||||
var result = document.createElement('button');
|
||||
result.innerHTML = label;
|
||||
result.onclick = onClick;
|
||||
return result;
|
||||
}
|
||||
|
||||
function createOptions(editor) {
|
||||
var options = document.getElementById('options');
|
||||
|
||||
var lineNumbers;
|
||||
options.appendChild(
|
||||
createOptionToggle(
|
||||
editor,
|
||||
'lineNumbers',
|
||||
function () {
|
||||
return lineNumbers === false ? false : true;
|
||||
},
|
||||
function (editor, newValue) {
|
||||
lineNumbers = newValue;
|
||||
editor.updateOptions({ lineNumbers: lineNumbers ? 'on' : 'off' });
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
var glyphMargin;
|
||||
options.appendChild(
|
||||
createOptionToggle(
|
||||
editor,
|
||||
'glyphMargin',
|
||||
function () {
|
||||
return glyphMargin === false ? false : true;
|
||||
},
|
||||
function (editor, newValue) {
|
||||
glyphMargin = newValue;
|
||||
editor.updateOptions({ glyphMargin: glyphMargin });
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
var minimap;
|
||||
options.appendChild(
|
||||
createOptionToggle(
|
||||
editor,
|
||||
'minimap',
|
||||
function () {
|
||||
return minimap === false ? false : true;
|
||||
},
|
||||
function (editor, newValue) {
|
||||
minimap = newValue;
|
||||
editor.updateOptions({ minimap: { enabled: minimap } });
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
var roundedSelection;
|
||||
options.appendChild(
|
||||
createOptionToggle(
|
||||
editor,
|
||||
'roundedSelection',
|
||||
function () {
|
||||
return roundedSelection === false ? false : true;
|
||||
},
|
||||
function (editor, newValue) {
|
||||
roundedSelection = newValue;
|
||||
editor.updateOptions({ roundedSelection: roundedSelection });
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
var scrollBeyondLastLine;
|
||||
options.appendChild(
|
||||
createOptionToggle(
|
||||
editor,
|
||||
'scrollBeyondLastLine',
|
||||
function () {
|
||||
return scrollBeyondLastLine === false ? false : true;
|
||||
},
|
||||
function (editor, newValue) {
|
||||
scrollBeyondLastLine = newValue;
|
||||
editor.updateOptions({ scrollBeyondLastLine: scrollBeyondLastLine });
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
var renderWhitespace;
|
||||
options.appendChild(
|
||||
createOptionToggle(
|
||||
editor,
|
||||
'renderWhitespace',
|
||||
function () {
|
||||
return renderWhitespace === true ? true : false;
|
||||
},
|
||||
function (editor, newValue) {
|
||||
renderWhitespace = newValue;
|
||||
editor.updateOptions({ renderWhitespace: renderWhitespace });
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
var readOnly;
|
||||
options.appendChild(
|
||||
createOptionToggle(
|
||||
editor,
|
||||
'readOnly',
|
||||
function () {
|
||||
return readOnly === true ? true : false;
|
||||
},
|
||||
function (editor, newValue) {
|
||||
readOnly = newValue;
|
||||
editor.updateOptions({ readOnly: readOnly });
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
var wordWrap;
|
||||
options.appendChild(
|
||||
createOptionToggle(
|
||||
editor,
|
||||
'wordWrap',
|
||||
function () {
|
||||
return wordWrap === true ? true : false;
|
||||
},
|
||||
function (editor, newValue) {
|
||||
wordWrap = newValue;
|
||||
editor.updateOptions({ wordWrap: wordWrap ? 'on' : 'off' });
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
var folding;
|
||||
options.appendChild(
|
||||
createOptionToggle(
|
||||
editor,
|
||||
'folding',
|
||||
function () {
|
||||
return folding === false ? false : true;
|
||||
},
|
||||
function (editor, newValue) {
|
||||
folding = newValue;
|
||||
editor.updateOptions({ folding: folding });
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
var bracketPairColorizationEnabled = false;
|
||||
options.appendChild(
|
||||
createOptionToggle(
|
||||
editor,
|
||||
'bracketPairColorizationEnabled',
|
||||
function () {
|
||||
return bracketPairColorizationEnabled === false ? false : true;
|
||||
},
|
||||
function (editor, newValue) {
|
||||
bracketPairColorizationEnabled = newValue;
|
||||
editor.updateOptions({
|
||||
'bracketPairColorization.enabled': bracketPairColorizationEnabled
|
||||
});
|
||||
}
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
function createOptionToggle(editor, labelText, stateReader, setState) {
|
||||
var domNode = document.createElement('div');
|
||||
domNode.className = 'option toggle';
|
||||
function createOptionToggle(editor, labelText, stateReader, setState) {
|
||||
var domNode = document.createElement('div');
|
||||
domNode.className = 'option toggle';
|
||||
|
||||
var input = document.createElement('input');
|
||||
input.type = 'checkbox';
|
||||
var input = document.createElement('input');
|
||||
input.type = 'checkbox';
|
||||
|
||||
var label = document.createElement('label');
|
||||
label.appendChild(input);
|
||||
label.appendChild(document.createTextNode(labelText));
|
||||
var label = document.createElement('label');
|
||||
label.appendChild(input);
|
||||
label.appendChild(document.createTextNode(labelText));
|
||||
|
||||
domNode.appendChild(label);
|
||||
domNode.appendChild(label);
|
||||
|
||||
var renderState = function() {
|
||||
input.checked = stateReader();
|
||||
};
|
||||
var renderState = function () {
|
||||
input.checked = stateReader();
|
||||
};
|
||||
|
||||
renderState();
|
||||
editor.onDidChangeConfiguration(function() {
|
||||
renderState();
|
||||
});
|
||||
input.onchange = function() {
|
||||
setState(editor, !stateReader());
|
||||
};
|
||||
editor.onDidChangeConfiguration(function () {
|
||||
renderState();
|
||||
});
|
||||
input.onchange = function () {
|
||||
setState(editor, !stateReader());
|
||||
};
|
||||
|
||||
return domNode;
|
||||
}
|
||||
|
||||
|
||||
function ComboBox(label, externalOptions) {
|
||||
this.id = 'combobox-' + label.toLowerCase().replace(/\s/g, '-');
|
||||
|
||||
this.domNode = document.createElement('div');
|
||||
this.domNode.setAttribute('style', 'display: inline; margin-right: 5px;');
|
||||
|
||||
this.label = document.createElement('label');
|
||||
this.label.innerHTML = label;
|
||||
this.label.setAttribute('for', this.id);
|
||||
this.domNode.appendChild(this.label);
|
||||
|
||||
this.comboBox = document.createElement('select');
|
||||
this.comboBox.setAttribute('id', this.id);
|
||||
this.comboBox.setAttribute('name', this.id);
|
||||
this.comboBox.onchange =(function (e) {
|
||||
var target = e.target || e.srcElement;
|
||||
this.options[target.options[target.selectedIndex].value].callback();
|
||||
}).bind(this);
|
||||
|
||||
this.domNode.appendChild(this.comboBox);
|
||||
|
||||
this.options = [];
|
||||
for (var name in externalOptions) {
|
||||
if (externalOptions.hasOwnProperty(name)) {
|
||||
var optionElement = document.createElement('option');
|
||||
optionElement.value = name;
|
||||
optionElement.innerHTML = name;
|
||||
this.options[name] = {
|
||||
element: optionElement,
|
||||
callback: externalOptions[name]
|
||||
};
|
||||
this.comboBox.appendChild(optionElement);
|
||||
}
|
||||
}
|
||||
}
|
||||
ComboBox.prototype.set = function (name) {
|
||||
if (this.options[name]) {
|
||||
this.options[name].element.selected = true;
|
||||
return domNode;
|
||||
}
|
||||
};
|
||||
|
||||
function ComboBox(label, externalOptions) {
|
||||
this.id = 'combobox-' + label.toLowerCase().replace(/\s/g, '-');
|
||||
|
||||
this.domNode = document.createElement('div');
|
||||
this.domNode.setAttribute('style', 'display: inline; margin-right: 5px;');
|
||||
|
||||
this.label = document.createElement('label');
|
||||
this.label.innerHTML = label;
|
||||
this.label.setAttribute('for', this.id);
|
||||
this.domNode.appendChild(this.label);
|
||||
|
||||
this.comboBox = document.createElement('select');
|
||||
this.comboBox.setAttribute('id', this.id);
|
||||
this.comboBox.setAttribute('name', this.id);
|
||||
this.comboBox.onchange = function (e) {
|
||||
var target = e.target || e.srcElement;
|
||||
this.options[target.options[target.selectedIndex].value].callback();
|
||||
}.bind(this);
|
||||
|
||||
this.domNode.appendChild(this.comboBox);
|
||||
|
||||
this.options = [];
|
||||
for (var name in externalOptions) {
|
||||
if (externalOptions.hasOwnProperty(name)) {
|
||||
var optionElement = document.createElement('option');
|
||||
optionElement.value = name;
|
||||
optionElement.innerHTML = name;
|
||||
this.options[name] = {
|
||||
element: optionElement,
|
||||
callback: externalOptions[name]
|
||||
};
|
||||
this.comboBox.appendChild(optionElement);
|
||||
}
|
||||
}
|
||||
}
|
||||
ComboBox.prototype.set = function (name) {
|
||||
if (this.options[name]) {
|
||||
this.options[name].element.selected = true;
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
@ -1,23 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
<body style="height:2000px">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
<body style="height: 2000px">
|
||||
<h2>Monaco Editor in fixed element</h2>
|
||||
|
||||
<h2>Monaco Editor in fixed element</h2>
|
||||
<div
|
||||
style="
|
||||
position: fixed;
|
||||
left: 20%;
|
||||
top: 20%;
|
||||
right: 20%;
|
||||
height: 400px;
|
||||
border: 1px solid silver;
|
||||
"
|
||||
id="Editor"
|
||||
></div>
|
||||
|
||||
<div style="position: fixed; left: 20%; top: 20%; right: 20%; height: 400px; border:1px solid silver" id="Editor">
|
||||
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function() {
|
||||
monaco.editor.create(document.getElementById('Editor'), {
|
||||
value: document.documentElement.innerHTML,
|
||||
language: 'xml'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function () {
|
||||
monaco.editor.create(document.getElementById('Editor'), {
|
||||
value: document.documentElement.innerHTML,
|
||||
language: 'xml'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,182 +1,287 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<style type="text/css">
|
||||
#editor {
|
||||
position: relative;
|
||||
left: 500px;
|
||||
top: 20px;
|
||||
width: 600px;
|
||||
height: 400px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<style type="text/css">
|
||||
#editor {
|
||||
position: relative;
|
||||
left: 500px;
|
||||
top: 20px;
|
||||
width: 600px;
|
||||
height: 400px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Monaco Editor in scrollable body</h2>
|
||||
|
||||
<h2>Monaco Editor in scrollable body</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<div id="editor"></div>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
|
||||
<div id="editor"></div>
|
||||
<div style="clear:both"></div>
|
||||
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function() {
|
||||
monaco.editor.create(document.getElementById('editor'), {
|
||||
value: document.documentElement.innerHTML,
|
||||
language: 'xml'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function () {
|
||||
monaco.editor.create(document.getElementById('editor'), {
|
||||
value: document.documentElement.innerHTML,
|
||||
language: 'xml'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,134 +1,205 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<style type="text/css">
|
||||
#editor {
|
||||
position: relative;
|
||||
left: 500px;
|
||||
top: 20px;
|
||||
width: 600px;
|
||||
height: 400px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<style type="text/css">
|
||||
#editor {
|
||||
position: relative;
|
||||
left: 500px;
|
||||
top: 20px;
|
||||
width: 600px;
|
||||
height: 400px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
|
||||
<body>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<div style="height: 500px; overflow: scroll">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
|
||||
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
||||
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
|
||||
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
||||
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
|
||||
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
||||
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
|
||||
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
||||
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
|
||||
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
||||
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
|
||||
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
||||
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
|
||||
<div style="height:500px; overflow:scroll">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<div id="editor"></div>
|
||||
</div>
|
||||
|
||||
<div id="editor"></div>
|
||||
</div>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<div style="clear:both"></div>
|
||||
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function() {
|
||||
monaco.editor.create(document.getElementById('editor'), {
|
||||
value: document.documentElement.innerHTML,
|
||||
language: 'xml'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function () {
|
||||
monaco.editor.create(document.getElementById('editor'), {
|
||||
value: document.documentElement.innerHTML,
|
||||
language: 'xml'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,18 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<base href="../../vscode-prs/out-editor-esm-bundle/" />
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<base href="../../vscode-prs/out-editor-esm-bundle/" />
|
||||
</head>
|
||||
<body>
|
||||
<h2>Monaco Editor ESM Bundle</h2>
|
||||
|
||||
<h2>Monaco Editor ESM Bundle</h2>
|
||||
<div style="clear: both"></div>
|
||||
<div
|
||||
id="container"
|
||||
style="float: left; width: 800px; height: 450px; border: 1px solid grey"
|
||||
></div>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<div style="clear:both"></div>
|
||||
<div id="container" style="float:left;width:800px;height:450px;border: 1px solid grey"></div>
|
||||
<div style="clear:both"></div>
|
||||
|
||||
<script src="core.bundle.js"></script>
|
||||
|
||||
</body>
|
||||
<script src="core.bundle.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,59 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<h2>Monaco Editor Shadow DOM</h2>
|
||||
|
||||
<h2>Monaco Editor Shadow DOM</h2>
|
||||
<div style="clear: both"></div>
|
||||
<div
|
||||
id="container"
|
||||
style="float: left; width: 800px; height: 450px; border: 1px solid grey"
|
||||
></div>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<div style="clear:both"></div>
|
||||
<div id="container" style="float:left;width:800px;height:450px;border: 1px solid grey"></div>
|
||||
<div style="clear:both"></div>
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
const container = document.getElementById('container');
|
||||
const shadowRoot = container.attachShadow({
|
||||
mode: 'closed'
|
||||
});
|
||||
loadEditor(function () {
|
||||
const innerContainer = document.createElement('div');
|
||||
shadowRoot.appendChild(innerContainer);
|
||||
innerContainer.style.width = '800px';
|
||||
innerContainer.style.height = '450px';
|
||||
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
const container = document.getElementById('container');
|
||||
const shadowRoot = container.attachShadow({
|
||||
mode: "closed"
|
||||
});
|
||||
loadEditor(function() {
|
||||
const innerContainer = document.createElement('div');
|
||||
shadowRoot.appendChild(innerContainer);
|
||||
innerContainer.style.width = '800px';
|
||||
innerContainer.style.height = '450px';
|
||||
// We must move all CSS inside the shadow root, pick only link tags relevant to the editor
|
||||
const documentLinks = Array.prototype.slice
|
||||
.call(document.getElementsByTagName('link'), 0)
|
||||
.filter((documentLink) => {
|
||||
if (/vs\/(base|editor|platform)/.test(documentLink.getAttribute('href'))) {
|
||||
return true;
|
||||
}
|
||||
console.log(`Not moving: `, documentLink);
|
||||
return true;
|
||||
});
|
||||
documentLinks.forEach((documentLink) => shadowRoot.appendChild(documentLink));
|
||||
|
||||
// We must move all CSS inside the shadow root, pick only link tags relevant to the editor
|
||||
const documentLinks = Array.prototype.slice.call(document.getElementsByTagName('link'), 0).filter((documentLink) => {
|
||||
if (/vs\/(base|editor|platform)/.test(documentLink.getAttribute('href'))) {
|
||||
return true;
|
||||
}
|
||||
console.log(`Not moving: `, documentLink);
|
||||
return true;
|
||||
});
|
||||
documentLinks.forEach(documentLink => shadowRoot.appendChild(documentLink));
|
||||
// We must define the font face outside the shadowroot
|
||||
const codiconCSS = `@font-face { font-family: "codicon"; src: url("${getCodiconPath()}") format("truetype"); }`;
|
||||
const style = document.createElement('style');
|
||||
style.type = 'text/css';
|
||||
style.media = 'screen';
|
||||
document.getElementsByTagName('head')[0].appendChild(style);
|
||||
style.innerHTML = codiconCSS;
|
||||
|
||||
// We must define the font face outside the shadowroot
|
||||
const codiconCSS = `@font-face { font-family: "codicon"; src: url("${getCodiconPath()}") format("truetype"); }`;
|
||||
const style = document.createElement('style');
|
||||
style.type = 'text/css';
|
||||
style.media = 'screen';
|
||||
document.getElementsByTagName('head')[0].appendChild(style);
|
||||
style.innerHTML = codiconCSS;
|
||||
|
||||
monaco.editor.create(innerContainer, {
|
||||
value: [
|
||||
'function hello() {',
|
||||
'\tconsole.log("hello world");',
|
||||
'}',
|
||||
''
|
||||
].join('\n'),
|
||||
language: 'javascript',
|
||||
ariaContainerElement: innerContainer
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
monaco.editor.create(innerContainer, {
|
||||
value: ['function hello() {', '\tconsole.log("hello world");', '}', ''].join('\n'),
|
||||
language: 'javascript',
|
||||
ariaContainerElement: innerContainer
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,41 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<style>
|
||||
#errors {
|
||||
position:fixed;
|
||||
top:0;
|
||||
right:0;
|
||||
font-size: 20px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
#editor {
|
||||
float:left;
|
||||
width: 1250px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<style>
|
||||
#errors {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
font-size: 20px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
#editor {
|
||||
float: left;
|
||||
width: 1250px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Smoke Test</h2>
|
||||
|
||||
<h2>Smoke Test</h2>
|
||||
<div id="control"></div>
|
||||
<div id="editor"></div>
|
||||
<div id="errors"></div>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<div id="control"></div>
|
||||
<div id="editor"></div>
|
||||
<div id="errors"></div>
|
||||
<div style="clear:both"></div>
|
||||
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function() {
|
||||
require(['./smoketest'], function() {});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script>
|
||||
loadEditor(function () {
|
||||
require(['./smoketest'], function () {});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,139 +1,145 @@
|
||||
/// <reference path="../node_modules/monaco-editor-core/monaco.d.ts" />
|
||||
define(['./samples-all.generated'], function(ALL_SAMPLES) {
|
||||
|
||||
var XHR_SAMPLES = {};
|
||||
ALL_SAMPLES.forEach(function(sample) {
|
||||
XHR_SAMPLES[sample.name] = sample.content;
|
||||
});
|
||||
/// <reference path="../../node_modules/monaco-editor-core/monaco.d.ts" />
|
||||
define(['./samples-all.generated'], function (ALL_SAMPLES) {
|
||||
var XHR_SAMPLES = {};
|
||||
ALL_SAMPLES.forEach(function (sample) {
|
||||
XHR_SAMPLES[sample.name] = sample.content;
|
||||
});
|
||||
|
||||
var actions = (function() {
|
||||
"use strict";
|
||||
var actions = (function () {
|
||||
'use strict';
|
||||
|
||||
return [
|
||||
{
|
||||
name: 'Undo',
|
||||
run: function (editor) {
|
||||
editor.trigger('keyboard', monaco.editor.Handler.Undo);
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'type & suggest',
|
||||
run: function (editor) {
|
||||
editor.setPosition({
|
||||
lineNumber: 1,
|
||||
column: 1
|
||||
});
|
||||
var firstChar = editor.getModel().getLineContent(1).charAt(0);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.CursorEnd);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.Type, {
|
||||
text: '\n' + firstChar
|
||||
});
|
||||
editor.focus();
|
||||
editor.trigger('test', 'editor.action.triggerSuggest');
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'links',
|
||||
run: function (editor) {
|
||||
editor.setPosition({
|
||||
lineNumber: 1,
|
||||
column: 1
|
||||
});
|
||||
var commentsSupport = editor.getModel().getMode().commentsSupport;
|
||||
var text = 'http://www.test.com';
|
||||
if (commentsSupport) {
|
||||
var commentsConfig = commentsSupport.getCommentsConfiguration();
|
||||
if (commentsConfig && commentsConfig.lineCommentTokens) {
|
||||
text = commentsConfig.lineCommentTokens[0] + ' ' + text;
|
||||
} else if (commentsConfig && commentsConfig.blockCommentStartToken) {
|
||||
text = commentsConfig.blockCommentStartToken + ' ' + text + ' ' + commentsConfig.blockCommentEndToken;
|
||||
return [
|
||||
{
|
||||
name: 'Undo',
|
||||
run: function (editor) {
|
||||
editor.trigger('keyboard', monaco.editor.Handler.Undo);
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'type & suggest',
|
||||
run: function (editor) {
|
||||
editor.setPosition({
|
||||
lineNumber: 1,
|
||||
column: 1
|
||||
});
|
||||
var firstChar = editor.getModel().getLineContent(1).charAt(0);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.CursorEnd);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.Type, {
|
||||
text: '\n' + firstChar
|
||||
});
|
||||
editor.focus();
|
||||
editor.trigger('test', 'editor.action.triggerSuggest');
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'links',
|
||||
run: function (editor) {
|
||||
editor.setPosition({
|
||||
lineNumber: 1,
|
||||
column: 1
|
||||
});
|
||||
var commentsSupport = editor.getModel().getMode().commentsSupport;
|
||||
var text = 'http://www.test.com';
|
||||
if (commentsSupport) {
|
||||
var commentsConfig = commentsSupport.getCommentsConfiguration();
|
||||
if (commentsConfig && commentsConfig.lineCommentTokens) {
|
||||
text = commentsConfig.lineCommentTokens[0] + ' ' + text;
|
||||
} else if (commentsConfig && commentsConfig.blockCommentStartToken) {
|
||||
text =
|
||||
commentsConfig.blockCommentStartToken +
|
||||
' ' +
|
||||
text +
|
||||
' ' +
|
||||
commentsConfig.blockCommentEndToken;
|
||||
}
|
||||
}
|
||||
editor.trigger('keyboard', monaco.editor.Handler.Type, {
|
||||
text: text + '\n'
|
||||
});
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'multicursor',
|
||||
run: function (editor) {
|
||||
editor.setPosition({
|
||||
lineNumber: 1,
|
||||
column: 1
|
||||
});
|
||||
editor.trigger('keyboard', monaco.editor.Handler.AddCursorDown);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.AddCursorDown);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.AddCursorDown);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.AddCursorDown);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.AddCursorDown);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.Type, {
|
||||
text: 'some text - '
|
||||
});
|
||||
}
|
||||
editor.trigger('keyboard', monaco.editor.Handler.Type, {
|
||||
text: text + '\n'
|
||||
});
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'multicursor',
|
||||
run: function (editor) {
|
||||
editor.setPosition({
|
||||
lineNumber: 1,
|
||||
column: 1
|
||||
});
|
||||
editor.trigger('keyboard', monaco.editor.Handler.AddCursorDown);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.AddCursorDown);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.AddCursorDown);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.AddCursorDown);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.AddCursorDown);
|
||||
editor.trigger('keyboard', monaco.editor.Handler.Type, {
|
||||
text: 'some text - '
|
||||
});
|
||||
}
|
||||
}
|
||||
];
|
||||
})();
|
||||
];
|
||||
})();
|
||||
|
||||
var panelContainer = document.getElementById('control');
|
||||
var editorContainer = document.getElementById('editor');
|
||||
var editors = {}, models = {};
|
||||
var panelContainer = document.getElementById('control');
|
||||
var editorContainer = document.getElementById('editor');
|
||||
var editors = {},
|
||||
models = {};
|
||||
|
||||
function onError(err) {
|
||||
console.error(err);
|
||||
alert('error!!');
|
||||
}
|
||||
|
||||
function getAllModes() {
|
||||
var result = monaco.languages.getLanguages().map(function(language) { return language.id; });
|
||||
result.sort();
|
||||
return result;
|
||||
}
|
||||
|
||||
function createEditor(container, mode) {
|
||||
editors[mode] = monaco.editor.create(container, {
|
||||
value: mode
|
||||
});
|
||||
var value = mode + '\n' + XHR_SAMPLES['sample.' + mode + '.txt'];
|
||||
var model = monaco.editor.createModel(value, mode);
|
||||
editors[mode].setModel(model);
|
||||
}
|
||||
function onError(err) {
|
||||
console.error(err);
|
||||
alert('error!!');
|
||||
}
|
||||
|
||||
function createEditors(modes) {
|
||||
for (var i = 0; i < modes.length; i++) {
|
||||
var container = document.createElement('div');
|
||||
container.style.width = '300px';
|
||||
container.style.cssFloat = 'left';
|
||||
container.style.height = '200px';
|
||||
container.style.border = '1px solid #ccc';
|
||||
container.style.background = 'red';
|
||||
container.setAttribute('data-mime', modes[i]);
|
||||
editorContainer.appendChild(container);
|
||||
createEditor(container, modes[i]);
|
||||
function getAllModes() {
|
||||
var result = monaco.languages.getLanguages().map(function (language) {
|
||||
return language.id;
|
||||
});
|
||||
result.sort();
|
||||
return result;
|
||||
}
|
||||
|
||||
var clearer = document.createElement('div');
|
||||
clearer.style.clear = 'both';
|
||||
editorContainer.appendChild(clearer);
|
||||
}
|
||||
function createEditor(container, mode) {
|
||||
editors[mode] = monaco.editor.create(container, {
|
||||
value: mode
|
||||
});
|
||||
var value = mode + '\n' + XHR_SAMPLES['sample.' + mode + '.txt'];
|
||||
var model = monaco.editor.createModel(value, mode);
|
||||
editors[mode].setModel(model);
|
||||
}
|
||||
|
||||
function executeAction(action) {
|
||||
for (var mime in editors) {
|
||||
if (editors.hasOwnProperty(mime)) {
|
||||
action(editors[mime]);
|
||||
function createEditors(modes) {
|
||||
for (var i = 0; i < modes.length; i++) {
|
||||
var container = document.createElement('div');
|
||||
container.style.width = '300px';
|
||||
container.style.cssFloat = 'left';
|
||||
container.style.height = '200px';
|
||||
container.style.border = '1px solid #ccc';
|
||||
container.style.background = 'red';
|
||||
container.setAttribute('data-mime', modes[i]);
|
||||
editorContainer.appendChild(container);
|
||||
createEditor(container, modes[i]);
|
||||
}
|
||||
|
||||
var clearer = document.createElement('div');
|
||||
clearer.style.clear = 'both';
|
||||
editorContainer.appendChild(clearer);
|
||||
}
|
||||
}
|
||||
|
||||
function createActions(actions) {
|
||||
for (var i = 0; i < actions.length; i++) {
|
||||
var btn = document.createElement('button');
|
||||
btn.appendChild(document.createTextNode('<<' + actions[i].name + '>>'));
|
||||
btn.onclick = executeAction.bind(this, actions[i].run);
|
||||
panelContainer.appendChild(btn);
|
||||
function executeAction(action) {
|
||||
for (var mime in editors) {
|
||||
if (editors.hasOwnProperty(mime)) {
|
||||
action(editors[mime]);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
createEditors(getAllModes());
|
||||
createActions(actions);
|
||||
function createActions(actions) {
|
||||
for (var i = 0; i < actions.length; i++) {
|
||||
var btn = document.createElement('button');
|
||||
btn.appendChild(document.createTextNode('<<' + actions[i].name + '>>'));
|
||||
btn.onclick = executeAction.bind(this, actions[i].run);
|
||||
panelContainer.appendChild(btn);
|
||||
}
|
||||
}
|
||||
|
||||
createEditors(getAllModes());
|
||||
createActions(actions);
|
||||
});
|
||||
@ -1,325 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.0.1.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script src="../metadata.js"></script>
|
||||
<script src="dev-setup.js"></script>
|
||||
<script src="tokenization.js"></script>
|
||||
<script src="https://code.jquery.com/qunit/qunit-2.0.1.js"></script>
|
||||
<script>
|
||||
var GENERATE_TOKENS = false;
|
||||
var LIMIT_TO_TEST = null;//'sample - xml';
|
||||
loadEditor(function() {
|
||||
let lazyModules = [
|
||||
'vs/basic-languages/src/bat',
|
||||
'vs/basic-languages/src/coffee',
|
||||
'vs/basic-languages/src/cpp',
|
||||
'vs/basic-languages/src/csharp',
|
||||
'vs/basic-languages/src/dockerfile',
|
||||
'vs/basic-languages/src/fsharp',
|
||||
'vs/basic-languages/src/go',
|
||||
'vs/basic-languages/src/handlebars',
|
||||
'vs/basic-languages/src/html',
|
||||
'vs/basic-languages/src/ini',
|
||||
'vs/basic-languages/src/pug',
|
||||
'vs/basic-languages/src/java',
|
||||
'vs/basic-languages/src/lua',
|
||||
'vs/basic-languages/src/markdown',
|
||||
'vs/basic-languages/src/objective-c',
|
||||
'vs/basic-languages/src/postiats',
|
||||
'vs/basic-languages/src/php',
|
||||
'vs/basic-languages/src/powershell',
|
||||
'vs/basic-languages/src/python',
|
||||
'vs/basic-languages/src/r',
|
||||
'vs/basic-languages/src/razor',
|
||||
'vs/basic-languages/src/ruby',
|
||||
'vs/basic-languages/src/swift',
|
||||
'vs/basic-languages/src/sql',
|
||||
'vs/basic-languages/src/vb',
|
||||
'vs/basic-languages/src/xml',
|
||||
'vs/basic-languages/src/less',
|
||||
'vs/basic-languages/src/scss',
|
||||
'vs/basic-languages/src/css',
|
||||
'vs/basic-languages/src/yaml',
|
||||
|
||||
'vs/language/typescript/src/mode',
|
||||
'vs/language/css/cssMode',
|
||||
'vs/language/json/jsonMode',
|
||||
'vs/language/html/htmlMode'
|
||||
];
|
||||
|
||||
console.log('editor loaded');
|
||||
|
||||
require(lazyModules, function() {
|
||||
console.log('all lazy code loaded');
|
||||
|
||||
function resolveSample(sample) {
|
||||
return sample.loadText().then(function(txt) {
|
||||
return {
|
||||
name: sample.name,
|
||||
language: sample.mimeType,
|
||||
text: txt
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
require(['./samples'], function(SAMPLES) {
|
||||
Promise.all(
|
||||
SAMPLES.map(resolveSample)
|
||||
).then(function(samples) {
|
||||
renderSamples(samples);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function renderSamples(samples) {
|
||||
samples = samples.filter(function(sample) {
|
||||
if (typeof sample.language !== 'string') {
|
||||
return false;
|
||||
}
|
||||
if (sample.language === 'plaintext' || sample.language === 'text/plain') {
|
||||
return false;
|
||||
}
|
||||
// return sample.name === 'sample - css';
|
||||
return /sample/.test(sample.name);
|
||||
});
|
||||
samples.sort(function(a,b) {
|
||||
if (a.language === b.language) {
|
||||
if (a.text < b.text) {
|
||||
return -1;
|
||||
}
|
||||
if (a.text > b.text) {
|
||||
return 1;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
if (a.language < b.language) {
|
||||
return -1;
|
||||
}
|
||||
return 1;
|
||||
});
|
||||
samples.forEach(renderSample);
|
||||
generateTests();
|
||||
}
|
||||
|
||||
var TEST_CASES = [];
|
||||
|
||||
function renderSample(sample, index) {
|
||||
console.log('TEST #' + index + ': ' + sample.name);
|
||||
|
||||
if (LIMIT_TO_TEST && sample.name !== LIMIT_TO_TEST) {
|
||||
TEST_CASES.push({ name: sample.name });
|
||||
return;
|
||||
}
|
||||
|
||||
var testCase = {
|
||||
name: sample.name,
|
||||
// text: sample.text,
|
||||
language: sample.language,
|
||||
result: {
|
||||
vs: extractColors(sample, 'vs'),
|
||||
vs_dark: extractColors(sample, 'vs-dark'),
|
||||
hc_black: extractColors(sample, 'hc-black'),
|
||||
}
|
||||
};
|
||||
|
||||
TEST_CASES.push(testCase);
|
||||
}
|
||||
|
||||
function extractColors(sample, theme) {
|
||||
var out = document.createElement('pre');
|
||||
var txt = document.createTextNode(sample.text);
|
||||
out.appendChild(txt);
|
||||
document.body.appendChild(out);
|
||||
monaco.editor.colorizeElement(out, {
|
||||
theme: theme,
|
||||
mimeType: sample.language
|
||||
});
|
||||
|
||||
if (GENERATE_TOKENS) {
|
||||
var tokens = monaco.editor.tokenize(sample.text || '', sample.language);
|
||||
}
|
||||
|
||||
// console.log(out);
|
||||
|
||||
var lineElement = out.firstElementChild;
|
||||
var allResult = [];
|
||||
while (lineElement) {
|
||||
// console.log(lineElement);
|
||||
var pieces = lineElement.children;
|
||||
var result = [];
|
||||
|
||||
if (GENERATE_TOKENS) {
|
||||
var lineTokens = tokens.shift();
|
||||
if (lineTokens.length > 0) {
|
||||
for (var i = 0; i < lineTokens.length - 1; i++) {
|
||||
lineTokens[i].length = lineTokens[i + 1].offset - lineTokens[i].offset;
|
||||
}
|
||||
lineTokens[lineTokens.length - 1].length = 1000000;
|
||||
}
|
||||
}
|
||||
for (var i = 0; i < pieces.length; i++) {
|
||||
var piece = pieces[i];
|
||||
|
||||
// console.log(piece);
|
||||
|
||||
var text = piece.innerText;
|
||||
|
||||
var r = window.getComputedStyle(piece);
|
||||
var color = rgbToHex(r.color);
|
||||
|
||||
// var isWhitespace = /^\s+$/.test(text);
|
||||
|
||||
// var partTokens = undefined;
|
||||
|
||||
if (GENERATE_TOKENS) {
|
||||
let partTokens = [];
|
||||
let partText = text;
|
||||
while (lineTokens.length > 0 && partText.length > 0) {
|
||||
let t = lineTokens.shift();
|
||||
partTokens.push(t);
|
||||
partText = partText.substr(t.length);
|
||||
}
|
||||
|
||||
result.push({
|
||||
text: text,
|
||||
color: color,
|
||||
tokens: partTokens
|
||||
});
|
||||
} else {
|
||||
result.push({
|
||||
text: text,
|
||||
color: color,
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
allResult.push(result);
|
||||
|
||||
lineElement = lineElement.nextElementSibling.nextElementSibling;
|
||||
}
|
||||
|
||||
// console.log(JSON.stringify(allResult));
|
||||
|
||||
out.parentNode.removeChild(out);
|
||||
|
||||
return allResult;
|
||||
}
|
||||
|
||||
var rgbCache = {};
|
||||
function rgbToHex(rgb) {
|
||||
if (!rgbCache[rgb]) {
|
||||
var m = rgb.match(/rgb\((\d+), (\d+), (\d+)\)/);
|
||||
var r = parseInt(m[1], 10);
|
||||
var g = parseInt(m[2], 10);
|
||||
var b = parseInt(m[3], 10);
|
||||
var r = '#' + to2Hex(r) + to2Hex(g) + to2Hex(b);
|
||||
rgbCache[rgb] = r;
|
||||
}
|
||||
return rgbCache[rgb];
|
||||
}
|
||||
|
||||
function to2Hex(n) {
|
||||
var r = n.toString(16);
|
||||
if (r.length === 1) {
|
||||
return '0' + r;
|
||||
}
|
||||
return r;
|
||||
}
|
||||
|
||||
function generateTests() {
|
||||
// var ta = document.createElement('textarea');
|
||||
// ta.value = JSON.stringify(TEST_CASES, null, '\t');
|
||||
// ta.style.display = 'fixed';
|
||||
// ta.style.top = '0';
|
||||
// ta.style.left = '0';
|
||||
// document.body.appendChild(ta);
|
||||
// ta.select();
|
||||
// return;
|
||||
|
||||
for (var i = 0, len = TEST_CASES.length; i < len; i++) {
|
||||
if (LIMIT_TO_TEST && TEST_CASES[i].name !== LIMIT_TO_TEST) {
|
||||
|
||||
// if (TEST_CASES[i].name !== 'sample - html') {
|
||||
continue;
|
||||
}
|
||||
generateTest(TEST_CASES[i], EXPECTED[i]);
|
||||
}
|
||||
|
||||
QUnit.start();
|
||||
}
|
||||
|
||||
function mergeEqualColors(source) {
|
||||
// return source;
|
||||
|
||||
let result = [];
|
||||
for (let i = 0; i < source.length; i++) {
|
||||
let color = source[i].color;
|
||||
let text = source[i].text;
|
||||
if (result.length > 0 && result[result.length - 1].color === color) {
|
||||
result[result.length - 1].text += text;
|
||||
} else {
|
||||
result.push({
|
||||
color: color,
|
||||
text: text
|
||||
});
|
||||
}
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
function generateTest(actual, expected) {
|
||||
['vs', 'vs_dark', 'hc_black'].forEach(function(theme) {
|
||||
// if (actual.name !== 'sample - bat') {
|
||||
// return;
|
||||
// }
|
||||
QUnit.test(actual.name + ' ' + theme, function(assert) {
|
||||
var _actual = actual.result[theme];
|
||||
var _expected = expected.result[theme];
|
||||
|
||||
for (var i = 0; i < _actual.length; i++) {
|
||||
var lineActual = mergeEqualColors(_actual[i]);
|
||||
// .slice(0);
|
||||
// for (var j = 1; j < lineActual.length; j++) {
|
||||
// if (lineActual[j-1].color === lineActual[j].color) {
|
||||
// lineActual[j-1] = {
|
||||
// color: lineActual[j-1].color,
|
||||
// text: lineActual[j-1].text + lineActual[j].text
|
||||
// };
|
||||
// lineActual.splice(j, 1);
|
||||
// j--;
|
||||
// }
|
||||
// }
|
||||
|
||||
var lineExpected = mergeEqualColors(_expected[i]);
|
||||
// .slice(0);
|
||||
// for (var j = 1; j < lineExpected.length; j++) {
|
||||
// if (lineExpected[j-1].color === lineExpected[j].color) {
|
||||
// lineExpected[j-1] = {
|
||||
// color: lineExpected[j-1].color,
|
||||
// text: lineExpected[j-1].text + lineExpected[j].text
|
||||
// };
|
||||
// // lineExpected[j-1].text += lineExpected[j].text;
|
||||
// lineExpected.splice(j, 1);
|
||||
// j--;
|
||||
// }
|
||||
// }
|
||||
|
||||
assert.deepEqual(lineActual, lineExpected, 'Line #' + (i+1));
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
QUnit.config.autostart = false;
|
||||
|
||||
</script>
|
||||
<div id="qunit"></div>
|
||||
<div id="qunit-fixture"></div>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,7 +1,7 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"module": "CommonJS"
|
||||
},
|
||||
"include": ["monaco.d.ts"],
|
||||
"exclude": ["theme"]
|
||||
"compilerOptions": {
|
||||
"module": "CommonJS"
|
||||
},
|
||||
"include": ["monaco.d.ts"],
|
||||
"exclude": ["theme"]
|
||||
}
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"entryPoints": ["monaco.d.ts"],
|
||||
"out": "../../monaco-editor-website/api",
|
||||
"theme": "./theme",
|
||||
"name": "Monaco Editor API",
|
||||
"readme": "none",
|
||||
"hideGenerator": true
|
||||
"entryPoints": ["monaco.d.ts"],
|
||||
"out": "../../monaco-editor-website/api",
|
||||
"theme": "./theme",
|
||||
"name": "Monaco Editor API",
|
||||
"readme": "none",
|
||||
"hideGenerator": true
|
||||
}
|
||||
|
||||
@ -1,168 +1,229 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title>Monaco Editor</title>
|
||||
|
||||
<title>Monaco Editor</title>
|
||||
<link data-inline="yes-please" href="./lib/bootstrap-cosmo.css" rel="stylesheet" />
|
||||
<link data-inline="yes-please" href="./lib/bootstrap-responsive.min.css" rel="stylesheet" />
|
||||
<link data-inline="yes-please" href="./all.css" rel="stylesheet" />
|
||||
<link data-inline="yes-please" href="./index/index.css" rel="stylesheet" />
|
||||
|
||||
<link data-inline="yes-please" href="./lib/bootstrap-cosmo.css" rel="stylesheet">
|
||||
<link data-inline="yes-please" href="./lib/bootstrap-responsive.min.css" rel="stylesheet">
|
||||
<link data-inline="yes-please" href="./all.css" rel="stylesheet">
|
||||
<link data-inline="yes-please" href="./index/index.css" rel="stylesheet">
|
||||
<link
|
||||
data-name="vs/editor/editor.main"
|
||||
rel="stylesheet"
|
||||
href="../release/dev/vs/editor/editor.main.css"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<link data-name="vs/editor/editor.main" rel="stylesheet" href="../release/dev/vs/editor/editor.main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<pre data-preload="index/samples/sample.typescript.txt"></pre>
|
||||
<pre data-preload="index/samples/diff.lhs.txt"></pre>
|
||||
<pre data-preload="index/samples/diff.rhs.txt"></pre>
|
||||
<a id="gh-link" href="https://github.com/Microsoft/monaco-editor"><img
|
||||
width="149" height="149" alt="Fork me on GitHub" src="./fork.png"/></a>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<a href="index.html">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>
|
||||
<body>
|
||||
<pre data-preload="index/samples/sample.typescript.txt"></pre>
|
||||
<pre data-preload="index/samples/diff.lhs.txt"></pre>
|
||||
<pre data-preload="index/samples/diff.rhs.txt"></pre>
|
||||
<a id="gh-link" href="https://github.com/Microsoft/monaco-editor"
|
||||
><img width="149" height="149" alt="Fork me on GitHub" src="./fork.png"
|
||||
/></a>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<a href="index.html">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="api/index.html">API Doc</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" target="_blank" href="https://registry.npmjs.org/monaco-editor/-/monaco-editor-{{version}}.tgz">Download {{version}}</a></li>
|
||||
</ul>
|
||||
<!-- 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="api/index.html">API Doc</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"
|
||||
target="_blank"
|
||||
href="https://registry.npmjs.org/monaco-editor/-/monaco-editor-{{version}}.tgz"
|
||||
>Download {{version}}</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</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>
|
||||
</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 Edge, Chrome, Firefox, Safari and Opera.</p>
|
||||
<p>
|
||||
It is licensed under the MIT License and supports Edge, Chrome, Firefox, Safari and
|
||||
Opera.
|
||||
</p>
|
||||
|
||||
<p>The Monaco editor is <span style="font-weight:bold;color:#ff5722;">not</span> supported in mobile browsers or mobile web frameworks. </p>
|
||||
<p>
|
||||
The Monaco editor is
|
||||
<span style="font-weight: bold; color: #ff5722">not</span>
|
||||
supported in mobile browsers or mobile web frameworks.
|
||||
</p>
|
||||
|
||||
<p>Find more information at the <a href="https://github.com/Microsoft/monaco-editor">Monaco Editor repo</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
<h3>Download v{{version}}</h3>
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<br/>
|
||||
<p>The latest released version is <strong>{{version}}</strong>.</p>
|
||||
<p>Download with this direct <a target="_blank" href="https://registry.npmjs.org/monaco-editor/-/monaco-editor-{{version}}.tgz">download link</a>
|
||||
or <a href="https://www.npmjs.com/package/monaco-editor">from npm</a>:</p>
|
||||
<pre style="color:black">npm install monaco-editor@{{version}}</pre>
|
||||
<p>
|
||||
Find more information at the
|
||||
<a href="https://github.com/Microsoft/monaco-editor">Monaco Editor repo</a>.
|
||||
</p>
|
||||
</div>
|
||||
</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, SCSS, JSON, HTML</p>
|
||||
<br>
|
||||
<h4 title="Syntax colorization">Basic Syntax Colorization</h4>
|
||||
<p>XML, PHP, C#, C++, Razor, Markdown, Diff, Java, VB, CoffeeScript, Handlebars, Batch, Pug, F#, Lua, Powershell,
|
||||
Python, Ruby, SASS, R, Objective-C</p>
|
||||
<br>
|
||||
<p>Colorizers are implemented using <a href="monarch.html"
|
||||
target="_blank">Monarch</a>.</p>
|
||||
<hr />
|
||||
<h3>Download v{{version}}</h3>
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<br />
|
||||
<p>The latest released version is <strong>{{version}}</strong>.</p>
|
||||
<p>
|
||||
Download with this direct
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://registry.npmjs.org/monaco-editor/-/monaco-editor-{{version}}.tgz"
|
||||
>download link</a
|
||||
>
|
||||
or
|
||||
<a href="https://www.npmjs.com/package/monaco-editor">from npm</a>:
|
||||
</p>
|
||||
<pre style="color: black">npm install monaco-editor@{{version}}</pre>
|
||||
</div>
|
||||
</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>
|
||||
<option>High Contrast Dark</option>
|
||||
</select>
|
||||
</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, SCSS, JSON, HTML</p>
|
||||
<br />
|
||||
<h4 title="Syntax colorization">Basic Syntax Colorization</h4>
|
||||
<p>
|
||||
XML, PHP, C#, C++, Razor, Markdown, Diff, Java, VB, CoffeeScript, Handlebars, Batch,
|
||||
Pug, F#, Lua, Powershell, Python, Ruby, SASS, R, Objective-C
|
||||
</p>
|
||||
<br />
|
||||
<p>
|
||||
Colorizers are implemented using
|
||||
<a href="monarch.html" target="_blank">Monarch</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="editor-frame">
|
||||
<div class="loading editor" style="display: none;">
|
||||
<div class="progress progress-striped active">
|
||||
<div class="bar"></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>
|
||||
<option>High Contrast Dark</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div id="editor"></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>
|
||||
</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>
|
||||
<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>
|
||||
<div class="editor-frame">
|
||||
<div class="loading diff-editor" style="display: none;">
|
||||
<div class="progress progress-striped active">
|
||||
<div class="bar"></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 id="diff-editor"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<footer class="container">
|
||||
<hr>
|
||||
<p class="text-center">
|
||||
<a href="https://microsoft.com" title="Microsoft">
|
||||
<img src="https://opensource.microsoft.com/assets/images/Microsoft_logo.svg" alt="Microsoft" style="max-height:23px;margin-bottom:12px;">
|
||||
</a>
|
||||
<br/>
|
||||
<small>© {{year}} Microsoft</small>
|
||||
</p>
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js" integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.0/bootstrap.min.js" integrity="sha256-u+l2mGjpmGK/mFgUncmMcFKdMijvV+J3odlDJZSNUu8=" crossorigin="anonymous"></script>
|
||||
<footer class="container">
|
||||
<hr />
|
||||
<p class="text-center">
|
||||
<a href="https://microsoft.com" title="Microsoft">
|
||||
<img
|
||||
src="https://opensource.microsoft.com/assets/images/Microsoft_logo.svg"
|
||||
alt="Microsoft"
|
||||
style="max-height: 23px; margin-bottom: 12px"
|
||||
/>
|
||||
</a>
|
||||
<br />
|
||||
<small>© {{year}} Microsoft</small>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
<script>var require = { paths: { 'vs': '../release/dev/vs' } };</script>
|
||||
<script src="../release/dev/vs/loader.js"></script>
|
||||
<script src="../release/dev/vs/editor/editor.main.nls.js"></script>
|
||||
<script src="../release/dev/vs/editor/editor.main.js"></script>
|
||||
<script data-inline="yes-please" src="./index/index.js"></script>
|
||||
<script
|
||||
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"
|
||||
integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<script
|
||||
src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.0/bootstrap.min.js"
|
||||
integrity="sha256-u+l2mGjpmGK/mFgUncmMcFKdMijvV+J3odlDJZSNUu8="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
|
||||
</body>
|
||||
<script>
|
||||
var require = { paths: { vs: '../release/dev/vs' } };
|
||||
</script>
|
||||
<script src="../release/dev/vs/loader.js"></script>
|
||||
<script src="../release/dev/vs/editor/editor.main.nls.js"></script>
|
||||
<script src="../release/dev/vs/editor/editor.main.js"></script>
|
||||
<script data-inline="yes-please" src="./index/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,219 +1,296 @@
|
||||
|
||||
|
||||
/* common extra token classes */
|
||||
.monaco-editor .token.invalid { border-bottom: red dotted 1px }
|
||||
.monaco-editor .token.identifier { }
|
||||
.monaco-editor .token.comment.doc { font-style: normal; }
|
||||
.monaco-editor .token.invalid {
|
||||
border-bottom: red dotted 1px;
|
||||
}
|
||||
.monaco-editor .token.comment.doc {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.monaco-editor .token.type { color: teal; }
|
||||
.monaco-editor .token.type.delimiter { color: teal; }
|
||||
.monaco-editor .token.predefined { color: navy; }
|
||||
.monaco-editor .token.namespace { color: navy; }
|
||||
.monaco-editor .token.constructor { color: purple; }
|
||||
.monaco-editor .token.type {
|
||||
color: teal;
|
||||
}
|
||||
.monaco-editor .token.type.delimiter {
|
||||
color: teal;
|
||||
}
|
||||
.monaco-editor .token.predefined {
|
||||
color: navy;
|
||||
}
|
||||
.monaco-editor .token.namespace {
|
||||
color: navy;
|
||||
}
|
||||
.monaco-editor .token.constructor {
|
||||
color: purple;
|
||||
}
|
||||
|
||||
/* theme all the new token classes */
|
||||
|
||||
.monaco-editor.vs-dark .token.type { color: darkcyan;}
|
||||
.monaco-editor.vs-dark .token.predefined { color: darkorchid;}
|
||||
.monaco-editor.vs-dark .token.namespace { color: lightsteelblue; }
|
||||
.monaco-editor.vs-dark .token.constructor { color: palegoldenrod; }
|
||||
.monaco-editor.vs-dark .token.type {
|
||||
color: darkcyan;
|
||||
}
|
||||
.monaco-editor.vs-dark .token.predefined {
|
||||
color: darkorchid;
|
||||
}
|
||||
.monaco-editor.vs-dark .token.namespace {
|
||||
color: lightsteelblue;
|
||||
}
|
||||
.monaco-editor.vs-dark .token.constructor {
|
||||
color: palegoldenrod;
|
||||
}
|
||||
|
||||
.monaco-editor.high-contrast-black .token.type { color: darkcyan;}
|
||||
.monaco-editor.high-contrast-black .token.predefined { color: aquamarine;}
|
||||
.monaco-editor.high-contrast-black .token.namespace { color: lightsteelblue; }
|
||||
.monaco-editor.high-contrast-black .token.constructor { color: palegoldenrod; }
|
||||
.monaco-editor.high-contrast-black .token.type {
|
||||
color: darkcyan;
|
||||
}
|
||||
.monaco-editor.high-contrast-black .token.predefined {
|
||||
color: aquamarine;
|
||||
}
|
||||
.monaco-editor.high-contrast-black .token.namespace {
|
||||
color: lightsteelblue;
|
||||
}
|
||||
.monaco-editor.high-contrast-black .token.constructor {
|
||||
color: palegoldenrod;
|
||||
}
|
||||
|
||||
/* specials for functional languages */
|
||||
.token.keyword.dot { color: black; }
|
||||
.token.typeparam { color: #555; }
|
||||
.token.typevar { font-style: italic; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.token.keyword.dot {
|
||||
color: black;
|
||||
}
|
||||
.token.typeparam {
|
||||
color: #555;
|
||||
}
|
||||
.token.typevar {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.monaco-editor .current-line,
|
||||
.monaco-editor.vs .current-line,
|
||||
.monaco-editor.monaco .current-line { border: none; }
|
||||
.monaco-editor.vs .key.js { color: navy;}
|
||||
.monaco-editor.monaco .current-line {
|
||||
border: none;
|
||||
}
|
||||
.monaco-editor.vs .key.js {
|
||||
color: navy;
|
||||
}
|
||||
|
||||
.monaco-editor.vs .token.string.escape,
|
||||
.token.regexp.escape { color: dimgray; }
|
||||
.token.regexp.escape.control { color: black; }
|
||||
.token.regexp.escape {
|
||||
color: dimgray;
|
||||
}
|
||||
.token.regexp.escape.control {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.token.emphasis { font-style: italic;}
|
||||
.token.strong { font-weight: bold; }
|
||||
.token.header { color: navy ;}
|
||||
.token.emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
.token.strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.token.header {
|
||||
color: navy;
|
||||
}
|
||||
|
||||
/* -------------------------------------------
|
||||
Workbench UI style
|
||||
--------------------------------------------*/
|
||||
#editor, #langPane {
|
||||
height: 60ex;
|
||||
border: 1px solid #ccc
|
||||
#editor,
|
||||
#langPane {
|
||||
height: 60ex;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#langPane {
|
||||
height: 72ex;
|
||||
height: 72ex;
|
||||
}
|
||||
|
||||
#main {
|
||||
font-family: "Segoe UI Light", "Segoe UI", Arial, "HelveticaNeue-Light", sans-serif;
|
||||
font-size: 12pt;
|
||||
width: 94%;
|
||||
padding: 0pt;
|
||||
margin: 1% 3% 5ex 3%;
|
||||
font-family: 'Segoe UI Light', 'Segoe UI', Arial, 'HelveticaNeue-Light', sans-serif;
|
||||
font-size: 12pt;
|
||||
width: 94%;
|
||||
padding: 0pt;
|
||||
margin: 1% 3% 5ex 3%;
|
||||
}
|
||||
|
||||
#leftPane {
|
||||
float: left;
|
||||
width: 58%;
|
||||
margin: 0pt;
|
||||
margin-bottom: 2ex;
|
||||
float: left;
|
||||
width: 58%;
|
||||
margin: 0pt;
|
||||
margin-bottom: 2ex;
|
||||
}
|
||||
|
||||
#rightPane {
|
||||
width: 40%;
|
||||
float: right;
|
||||
margin: 0pt;
|
||||
width: 40%;
|
||||
float: right;
|
||||
margin: 0pt;
|
||||
}
|
||||
|
||||
#header, #footer {
|
||||
clear: both;
|
||||
font-size: 18pt;
|
||||
margin-bottom: 1ex;
|
||||
#header,
|
||||
#footer {
|
||||
clear: both;
|
||||
font-size: 18pt;
|
||||
margin-bottom: 1ex;
|
||||
}
|
||||
|
||||
#logo {
|
||||
margin: 0pt 0pt 5pt -17px;
|
||||
padding: 0pt;
|
||||
width: 17px;
|
||||
margin: 0pt 0pt 5pt -17px;
|
||||
padding: 0pt;
|
||||
width: 17px;
|
||||
}
|
||||
|
||||
#commandbar {
|
||||
margin-top: 4px;
|
||||
height: 90%;
|
||||
margin-top: 4px;
|
||||
height: 90%;
|
||||
}
|
||||
|
||||
|
||||
#monarchConsole {
|
||||
color: black;
|
||||
overflow: auto;
|
||||
height: 100px;
|
||||
border: lightgray 1px solid;
|
||||
padding-left: 1ex;
|
||||
margin-top: 10px;
|
||||
white-space: pre-wrap;
|
||||
color: black;
|
||||
overflow: auto;
|
||||
height: 100px;
|
||||
border: lightgray 1px solid;
|
||||
padding-left: 1ex;
|
||||
margin-top: 10px;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
#sampleselect {
|
||||
width: 15ex;
|
||||
width: 15ex;
|
||||
}
|
||||
#themeselect, #sampleselect {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: auto;
|
||||
#themeselect,
|
||||
#sampleselect {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.paneheader {
|
||||
margin-bottom: 0.5ex;
|
||||
font-size: 14pt;
|
||||
margin-bottom: 0.5ex;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.selectbox {
|
||||
float: right;
|
||||
font-size: smaller;
|
||||
float: right;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.button {
|
||||
border: 1px solid lightgray;
|
||||
cursor: pointer;
|
||||
padding: 0ex 0.5ex 0ex 0.5ex;
|
||||
border: 1px solid lightgray;
|
||||
cursor: pointer;
|
||||
padding: 0ex 0.5ex 0ex 0.5ex;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: lightgray;
|
||||
border-color: dimgray;
|
||||
background-color: lightgray;
|
||||
border-color: dimgray;
|
||||
}
|
||||
|
||||
.touchbutton:hover {
|
||||
background-color: #F8F8F8;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
.touchbutton {
|
||||
border: 1px solid;
|
||||
border-radius: 1000px; /* circle */
|
||||
height: 3ex;
|
||||
width: 3ex; /* needed for safari */
|
||||
cursor: pointer;
|
||||
border: 1px solid;
|
||||
border-radius: 1000px; /* circle */
|
||||
height: 3ex;
|
||||
width: 3ex; /* needed for safari */
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.touchbutton:hover {
|
||||
background-color: #F8F8F8;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
.arrowdown {
|
||||
font-size: 10pt;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
/*-------------------------------------------------------------------
|
||||
documentation style
|
||||
-------------------------------------------------------------------*/
|
||||
#documentation {
|
||||
clear: both;
|
||||
border: lightgray 1px solid;
|
||||
padding: 1ex 4ex 1ex 3ex;
|
||||
font-family: "Segoe UI", Arial, "HelveticaNeue-Light", sans-serif;
|
||||
#documentation {
|
||||
clear: both;
|
||||
border: lightgray 1px solid;
|
||||
padding: 1ex 4ex 1ex 3ex;
|
||||
font-family: 'Segoe UI', Arial, 'HelveticaNeue-Light', sans-serif;
|
||||
}
|
||||
|
||||
#documentation a {
|
||||
color: navy;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted;
|
||||
color: navy;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
#documentation .monaco-editor.monaco .current-line,
|
||||
#documentation .monaco-editor { background-color: #fafafa }
|
||||
#documentation .string.escape { color: dimgray;}
|
||||
#documentation .monaco-editor {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
#documentation .string.escape {
|
||||
color: dimgray;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4
|
||||
{ font-weight: normal;
|
||||
margin-top: 0pt;
|
||||
margin-left: -1.5ex;
|
||||
margin-bottom: 0pt;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-weight: normal;
|
||||
margin-top: 0pt;
|
||||
margin-left: -1.5ex;
|
||||
margin-bottom: 0pt;
|
||||
}
|
||||
|
||||
h2 { font-size: 16pt;}
|
||||
h3 { font-size: 120%;}
|
||||
h2 {
|
||||
font-size: 16pt;
|
||||
}
|
||||
h3 {
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
ul { padding-left: 1.5em
|
||||
; margin-left: 0pt
|
||||
}
|
||||
ul {
|
||||
padding-left: 1.5em;
|
||||
margin-left: 0pt;
|
||||
}
|
||||
|
||||
.options,
|
||||
pre { border: 1px solid #888
|
||||
; padding: 1ex
|
||||
; background: #F8F8F8
|
||||
; font-size: 10pt;
|
||||
}
|
||||
|
||||
|
||||
code, pre,dt { font-family: Consolas, monospace }
|
||||
pre {
|
||||
border: 1px solid #888;
|
||||
padding: 1ex;
|
||||
background: #f8f8f8;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
strong { color: black }
|
||||
code,
|
||||
pre,
|
||||
dt {
|
||||
font-family: Consolas, monospace;
|
||||
}
|
||||
|
||||
td { vertical-align: top }
|
||||
img { margin: 2ex }
|
||||
strong {
|
||||
color: black;
|
||||
}
|
||||
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
img {
|
||||
margin: 2ex;
|
||||
}
|
||||
|
||||
dt { color: navy; margin-top: 2ex; padding: 2px;}
|
||||
.dt { color: navy }
|
||||
.adv { color: maroon; }
|
||||
dt {
|
||||
color: navy;
|
||||
margin-top: 2ex;
|
||||
padding: 2px;
|
||||
}
|
||||
.dt {
|
||||
color: navy;
|
||||
}
|
||||
.adv {
|
||||
color: maroon;
|
||||
}
|
||||
|
||||
dl dl dt { margin-top: 1ex;}
|
||||
dl dl dt {
|
||||
margin-top: 1ex;
|
||||
}
|
||||
|
||||
#documentation .keyword { color: blue; }
|
||||
#documentation .tag { color: navy; }
|
||||
#documentation .keyword {
|
||||
color: blue;
|
||||
}
|
||||
#documentation .tag {
|
||||
color: navy;
|
||||
}
|
||||
|
||||
@ -1,83 +1,108 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title>Monaco Editor Playground</title>
|
||||
|
||||
<title>Monaco Editor Playground</title>
|
||||
<link data-inline="yes-please" href="./lib/bootstrap-cosmo.css" rel="stylesheet" />
|
||||
<link data-inline="yes-please" href="./lib/bootstrap-responsive.min.css" rel="stylesheet" />
|
||||
<link data-inline="yes-please" href="./all.css" rel="stylesheet" type="text/css" />
|
||||
<link data-inline="yes-please" href="./playground/spinner.css" rel="stylesheet" />
|
||||
<link data-inline="yes-please" href="./playground/playground.css" rel="stylesheet" />
|
||||
|
||||
<link data-inline="yes-please" href="./lib/bootstrap-cosmo.css" rel="stylesheet" />
|
||||
<link data-inline="yes-please" href="./lib/bootstrap-responsive.min.css" rel="stylesheet" />
|
||||
<link data-inline="yes-please" href="./all.css" rel="stylesheet" type="text/css" />
|
||||
<link data-inline="yes-please" href="./playground/spinner.css" rel="stylesheet" />
|
||||
<link data-inline="yes-please" href="./playground/playground.css" rel="stylesheet" />
|
||||
<link
|
||||
data-name="vs/editor/editor.main"
|
||||
rel="stylesheet"
|
||||
href="../release/dev/vs/editor/editor.main.css"
|
||||
/>
|
||||
</head>
|
||||
<body class="playground-page">
|
||||
<pre data-preload="playground/new-samples/creating-the-editor/hello-world/sample.js"></pre>
|
||||
<pre data-preload="playground/new-samples/creating-the-editor/hello-world/sample.css"></pre>
|
||||
<pre data-preload="playground/new-samples/creating-the-editor/hello-world/sample.html"></pre>
|
||||
|
||||
<link data-name="vs/editor/editor.main" rel="stylesheet" href="../release/dev/vs/editor/editor.main.css">
|
||||
</head>
|
||||
<body class="playground-page">
|
||||
<pre data-preload="playground/new-samples/creating-the-editor/hello-world/sample.js"></pre>
|
||||
<pre data-preload="playground/new-samples/creating-the-editor/hello-world/sample.css"></pre>
|
||||
<pre data-preload="playground/new-samples/creating-the-editor/hello-world/sample.html"></pre>
|
||||
<a id="gh-link" href="https://github.com/Microsoft/monaco-editor"
|
||||
><img width="149" height="149" alt="Fork me on GitHub" src="./fork.png"
|
||||
/></a>
|
||||
|
||||
<a id="gh-link" href="https://github.com/Microsoft/monaco-editor"><img
|
||||
width="149" height="149" alt="Fork me on GitHub" src="./fork.png"/></a>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<a href="index.html">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>
|
||||
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<a href="index.html">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="api/index.html">API Doc</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" target="_blank" href="https://registry.npmjs.org/monaco-editor/-/monaco-editor-{{version}}.tgz">Download {{version}}</a></li>
|
||||
</ul>
|
||||
<!-- 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="api/index.html">API Doc</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"
|
||||
target="_blank"
|
||||
href="https://registry.npmjs.org/monaco-editor/-/monaco-editor-{{version}}.tgz"
|
||||
>Download {{version}}</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div id="loading">
|
||||
<div class="spinner">
|
||||
<div class="rect1"></div>
|
||||
<div class="rect2"></div>
|
||||
<div class="rect3"></div>
|
||||
<div class="rect4"></div>
|
||||
<div class="rect5"></div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div id="loading">
|
||||
<div class="spinner">
|
||||
<div class="rect1"></div>
|
||||
<div class="rect2"></div>
|
||||
<div class="rect3"></div>
|
||||
<div class="rect4"></div>
|
||||
<div class="rect5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section id="playground">
|
||||
</section>
|
||||
<section id="playground"></section>
|
||||
|
||||
<footer class="container">
|
||||
<hr>
|
||||
<p class="text-center">
|
||||
<small>© {{year}} Microsoft</small>
|
||||
</p>
|
||||
</footer>
|
||||
<footer class="container">
|
||||
<hr />
|
||||
<p class="text-center">
|
||||
<small>© {{year}} Microsoft</small>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js" integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.0/bootstrap.min.js" integrity="sha256-u+l2mGjpmGK/mFgUncmMcFKdMijvV+J3odlDJZSNUu8=" crossorigin="anonymous"></script>
|
||||
<script
|
||||
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"
|
||||
integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<script
|
||||
src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.0/bootstrap.min.js"
|
||||
integrity="sha256-u+l2mGjpmGK/mFgUncmMcFKdMijvV+J3odlDJZSNUu8="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
|
||||
<script>var require = { paths: { 'vs': '../release/dev/vs' } };</script>
|
||||
<script src="../release/dev/vs/loader.js"></script>
|
||||
<script src="../release/dev/vs/editor/editor.main.nls.js"></script>
|
||||
<script src="../release/dev/vs/editor/editor.main.js"></script>
|
||||
<script>
|
||||
var require = { paths: { vs: '../release/dev/vs' } };
|
||||
</script>
|
||||
<script src="../release/dev/vs/loader.js"></script>
|
||||
<script src="../release/dev/vs/editor/editor.main.nls.js"></script>
|
||||
<script src="../release/dev/vs/editor/editor.main.js"></script>
|
||||
|
||||
<script data-inline="yes-please" src="./playground/new-samples/all.js"></script>
|
||||
<script data-inline="yes-please" src="./playground/playground.js"></script>
|
||||
</body>
|
||||
<script data-inline="yes-please" src="./playground/new-samples/all.js"></script>
|
||||
<script data-inline="yes-please" src="./playground/playground.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,186 +1,184 @@
|
||||
(function() {
|
||||
(function () {
|
||||
var PLAY_SAMPLES = [
|
||||
{
|
||||
chapter: 'Creating the editor',
|
||||
name: 'Hello world!',
|
||||
id: 'creating-the-editor-hello-world',
|
||||
path: 'creating-the-editor/hello-world'
|
||||
},
|
||||
{
|
||||
chapter: 'Creating the editor',
|
||||
name: 'Editor basic options',
|
||||
id: 'creating-the-editor-editor-basic-options',
|
||||
path: 'creating-the-editor/editor-basic-options'
|
||||
},
|
||||
{
|
||||
chapter: 'Creating the editor',
|
||||
name: 'Hard wrapping',
|
||||
id: 'creating-the-editor-hard-wrapping',
|
||||
path: 'creating-the-editor/hard-wrapping'
|
||||
},
|
||||
{
|
||||
chapter: 'Creating the editor',
|
||||
name: 'Syntax highlighting for HTML elements',
|
||||
id: 'creating-the-editor-syntax-highlighting-for-html-elements',
|
||||
path: 'creating-the-editor/syntax-highlighting-for-html-elements'
|
||||
},
|
||||
{
|
||||
chapter: 'Interacting with the editor',
|
||||
name: 'Adding a command to an editor instance',
|
||||
id: 'interacting-with-the-editor-adding-a-command-to-an-editor-instance',
|
||||
path: 'interacting-with-the-editor/adding-a-command-to-an-editor-instance'
|
||||
},
|
||||
{
|
||||
chapter: 'Interacting with the editor',
|
||||
name: 'Adding an action to an editor instance',
|
||||
id: 'interacting-with-the-editor-adding-an-action-to-an-editor-instance',
|
||||
path: 'interacting-with-the-editor/adding-an-action-to-an-editor-instance'
|
||||
},
|
||||
{
|
||||
chapter: 'Interacting with the editor',
|
||||
name: 'Revealing a position',
|
||||
id: 'interacting-with-the-editor-revealing-a-position',
|
||||
path: 'interacting-with-the-editor/revealing-a-position'
|
||||
},
|
||||
{
|
||||
chapter: 'Interacting with the editor',
|
||||
name: 'Rendering glyphs in the margin',
|
||||
id: 'interacting-with-the-editor-rendering-glyphs-in-the-margin',
|
||||
path: 'interacting-with-the-editor/rendering-glyphs-in-the-margin'
|
||||
},
|
||||
{
|
||||
chapter: 'Interacting with the editor',
|
||||
name: 'Line and Inline decorations',
|
||||
id: 'interacting-with-the-editor-line-and-inline-decorations',
|
||||
path: 'interacting-with-the-editor/line-and-inline-decorations'
|
||||
},
|
||||
{
|
||||
chapter: 'Interacting with the editor',
|
||||
name: 'Customizing the line numbers',
|
||||
id: 'interacting-with-the-editor-customizing-the-line-numbers',
|
||||
path: 'interacting-with-the-editor/customizing-the-line-numbers'
|
||||
},
|
||||
{
|
||||
chapter: 'Interacting with the editor',
|
||||
name: 'Listening to mouse events',
|
||||
id: 'interacting-with-the-editor-listening-to-mouse-events',
|
||||
path: 'interacting-with-the-editor/listening-to-mouse-events'
|
||||
},
|
||||
{
|
||||
chapter: 'Interacting with the editor',
|
||||
name: 'Listening to key events',
|
||||
id: 'interacting-with-the-editor-listening-to-key-events',
|
||||
path: 'interacting-with-the-editor/listening-to-key-events'
|
||||
},
|
||||
{
|
||||
chapter: 'Customizing the appearence',
|
||||
name: 'Exposed colors',
|
||||
id: 'customizing-the-appearence-exposed-colors',
|
||||
path: 'customizing-the-appearence/exposed-colors'
|
||||
},
|
||||
{
|
||||
chapter: 'Customizing the appearence',
|
||||
name: 'Scrollbars',
|
||||
id: 'customizing-the-appearence-scrollbars',
|
||||
path: 'customizing-the-appearence/scrollbars'
|
||||
},
|
||||
{
|
||||
chapter: 'Customizing the appearence',
|
||||
name: 'Tokens and colors',
|
||||
id: 'customizing-the-appearence-tokens-and-colors',
|
||||
path: 'customizing-the-appearence/tokens-and-colors'
|
||||
},
|
||||
{
|
||||
chapter: 'Creating the DiffEditor',
|
||||
name: 'Hello diff world!',
|
||||
id: 'creating-the-diffeditor-hello-diff-world',
|
||||
path: 'creating-the-diffeditor/hello-diff-world'
|
||||
},
|
||||
{
|
||||
chapter: 'Creating the DiffEditor',
|
||||
name: 'Multi-line example',
|
||||
id: 'creating-the-diffeditor-multi-line-example',
|
||||
path: 'creating-the-diffeditor/multi-line-example'
|
||||
},
|
||||
{
|
||||
chapter: 'Creating the DiffEditor',
|
||||
name: 'Inline Diff Example',
|
||||
id: 'creating-the-diffeditor-inline-diff-example',
|
||||
path: 'creating-the-diffeditor/inline-diff-example'
|
||||
},
|
||||
{
|
||||
chapter: 'Creating the DiffEditor',
|
||||
name: 'Navigating a Diff',
|
||||
id: 'creating-the-diffeditor-navigating-a-diff',
|
||||
path: 'creating-the-diffeditor/navigating-a-diff'
|
||||
},
|
||||
{
|
||||
chapter: 'Extending Language Services',
|
||||
name: 'Custom languages',
|
||||
id: 'extending-language-services-custom-languages',
|
||||
path: 'extending-language-services/custom-languages'
|
||||
},
|
||||
{
|
||||
chapter: 'Extending Language Services',
|
||||
name: 'Completion provider example',
|
||||
id: 'extending-language-services-completion-provider-example',
|
||||
path: 'extending-language-services/completion-provider-example'
|
||||
},
|
||||
{
|
||||
chapter: 'Extending Language Services',
|
||||
name: 'Codelens provider example',
|
||||
id: 'extending-language-services-codelens-provider-example',
|
||||
path: 'extending-language-services/codelens-provider-example'
|
||||
},
|
||||
{
|
||||
chapter: 'Extending Language Services',
|
||||
name: 'Color provider example',
|
||||
id: 'extending-language-services-color-provider-example',
|
||||
path: 'extending-language-services/color-provider-example'
|
||||
},
|
||||
{
|
||||
chapter: 'Extending Language Services',
|
||||
name: 'Symbols provider example',
|
||||
id: 'extending-language-services-symbols-provider-example',
|
||||
path: 'extending-language-services/symbols-provider-example'
|
||||
},
|
||||
{
|
||||
chapter: 'Extending Language Services',
|
||||
name: 'Folding provider example',
|
||||
id: 'extending-language-services-folding-provider-example',
|
||||
path: 'extending-language-services/folding-provider-example'
|
||||
},
|
||||
{
|
||||
chapter: 'Extending Language Services',
|
||||
name: 'Hover provider example',
|
||||
id: 'extending-language-services-hover-provider-example',
|
||||
path: 'extending-language-services/hover-provider-example'
|
||||
},
|
||||
{
|
||||
chapter: 'Extending Language Services',
|
||||
name: 'Semantic tokens provider example',
|
||||
id: 'extending-language-services-semantic-tokens-provider-example',
|
||||
path: 'extending-language-services/semantic-tokens-provider-example'
|
||||
},
|
||||
{
|
||||
chapter: 'Extending Language Services',
|
||||
name: 'Configure JavaScript defaults',
|
||||
id: 'extending-language-services-configure-javascript-defaults',
|
||||
path: 'extending-language-services/configure-javascript-defaults'
|
||||
},
|
||||
{
|
||||
chapter: 'Extending Language Services',
|
||||
name: 'Configure JSON defaults',
|
||||
id: 'extending-language-services-configure-json-defaults',
|
||||
path: 'extending-language-services/configure-json-defaults'
|
||||
}
|
||||
];
|
||||
|
||||
var PLAY_SAMPLES = [
|
||||
{
|
||||
chapter: "Creating the editor",
|
||||
name: "Hello world!",
|
||||
id: "creating-the-editor-hello-world",
|
||||
path: "creating-the-editor/hello-world"
|
||||
},
|
||||
{
|
||||
chapter: "Creating the editor",
|
||||
name: "Editor basic options",
|
||||
id: "creating-the-editor-editor-basic-options",
|
||||
path: "creating-the-editor/editor-basic-options"
|
||||
},
|
||||
{
|
||||
chapter: "Creating the editor",
|
||||
name: "Hard wrapping",
|
||||
id: "creating-the-editor-hard-wrapping",
|
||||
path: "creating-the-editor/hard-wrapping"
|
||||
},
|
||||
{
|
||||
chapter: "Creating the editor",
|
||||
name: "Syntax highlighting for HTML elements",
|
||||
id: "creating-the-editor-syntax-highlighting-for-html-elements",
|
||||
path: "creating-the-editor/syntax-highlighting-for-html-elements"
|
||||
},
|
||||
{
|
||||
chapter: "Interacting with the editor",
|
||||
name: "Adding a command to an editor instance",
|
||||
id: "interacting-with-the-editor-adding-a-command-to-an-editor-instance",
|
||||
path: "interacting-with-the-editor/adding-a-command-to-an-editor-instance"
|
||||
},
|
||||
{
|
||||
chapter: "Interacting with the editor",
|
||||
name: "Adding an action to an editor instance",
|
||||
id: "interacting-with-the-editor-adding-an-action-to-an-editor-instance",
|
||||
path: "interacting-with-the-editor/adding-an-action-to-an-editor-instance"
|
||||
},
|
||||
{
|
||||
chapter: "Interacting with the editor",
|
||||
name: "Revealing a position",
|
||||
id: "interacting-with-the-editor-revealing-a-position",
|
||||
path: "interacting-with-the-editor/revealing-a-position"
|
||||
},
|
||||
{
|
||||
chapter: "Interacting with the editor",
|
||||
name: "Rendering glyphs in the margin",
|
||||
id: "interacting-with-the-editor-rendering-glyphs-in-the-margin",
|
||||
path: "interacting-with-the-editor/rendering-glyphs-in-the-margin"
|
||||
},
|
||||
{
|
||||
chapter: "Interacting with the editor",
|
||||
name: "Line and Inline decorations",
|
||||
id: "interacting-with-the-editor-line-and-inline-decorations",
|
||||
path: "interacting-with-the-editor/line-and-inline-decorations"
|
||||
},
|
||||
{
|
||||
chapter: "Interacting with the editor",
|
||||
name: "Customizing the line numbers",
|
||||
id: "interacting-with-the-editor-customizing-the-line-numbers",
|
||||
path: "interacting-with-the-editor/customizing-the-line-numbers"
|
||||
},
|
||||
{
|
||||
chapter: "Interacting with the editor",
|
||||
name: "Listening to mouse events",
|
||||
id: "interacting-with-the-editor-listening-to-mouse-events",
|
||||
path: "interacting-with-the-editor/listening-to-mouse-events"
|
||||
},
|
||||
{
|
||||
chapter: "Interacting with the editor",
|
||||
name: "Listening to key events",
|
||||
id: "interacting-with-the-editor-listening-to-key-events",
|
||||
path: "interacting-with-the-editor/listening-to-key-events"
|
||||
},
|
||||
{
|
||||
chapter: "Customizing the appearence",
|
||||
name: "Exposed colors",
|
||||
id: "customizing-the-appearence-exposed-colors",
|
||||
path: "customizing-the-appearence/exposed-colors"
|
||||
},
|
||||
{
|
||||
chapter: "Customizing the appearence",
|
||||
name: "Scrollbars",
|
||||
id: "customizing-the-appearence-scrollbars",
|
||||
path: "customizing-the-appearence/scrollbars"
|
||||
},
|
||||
{
|
||||
chapter: "Customizing the appearence",
|
||||
name: "Tokens and colors",
|
||||
id: "customizing-the-appearence-tokens-and-colors",
|
||||
path: "customizing-the-appearence/tokens-and-colors"
|
||||
},
|
||||
{
|
||||
chapter: "Creating the DiffEditor",
|
||||
name: "Hello diff world!",
|
||||
id: "creating-the-diffeditor-hello-diff-world",
|
||||
path: "creating-the-diffeditor/hello-diff-world"
|
||||
},
|
||||
{
|
||||
chapter: "Creating the DiffEditor",
|
||||
name: "Multi-line example",
|
||||
id: "creating-the-diffeditor-multi-line-example",
|
||||
path: "creating-the-diffeditor/multi-line-example"
|
||||
},
|
||||
{
|
||||
chapter: "Creating the DiffEditor",
|
||||
name: "Inline Diff Example",
|
||||
id: "creating-the-diffeditor-inline-diff-example",
|
||||
path: "creating-the-diffeditor/inline-diff-example"
|
||||
},
|
||||
{
|
||||
chapter: "Creating the DiffEditor",
|
||||
name: "Navigating a Diff",
|
||||
id: "creating-the-diffeditor-navigating-a-diff",
|
||||
path: "creating-the-diffeditor/navigating-a-diff"
|
||||
},
|
||||
{
|
||||
chapter: "Extending Language Services",
|
||||
name: "Custom languages",
|
||||
id: "extending-language-services-custom-languages",
|
||||
path: "extending-language-services/custom-languages"
|
||||
},
|
||||
{
|
||||
chapter: "Extending Language Services",
|
||||
name: "Completion provider example",
|
||||
id: "extending-language-services-completion-provider-example",
|
||||
path: "extending-language-services/completion-provider-example"
|
||||
},
|
||||
{
|
||||
chapter: "Extending Language Services",
|
||||
name: "Codelens provider example",
|
||||
id: "extending-language-services-codelens-provider-example",
|
||||
path: "extending-language-services/codelens-provider-example"
|
||||
},
|
||||
{
|
||||
chapter: "Extending Language Services",
|
||||
name: "Color provider example",
|
||||
id: "extending-language-services-color-provider-example",
|
||||
path: "extending-language-services/color-provider-example"
|
||||
},
|
||||
{
|
||||
chapter: "Extending Language Services",
|
||||
name: "Symbols provider example",
|
||||
id: "extending-language-services-symbols-provider-example",
|
||||
path: "extending-language-services/symbols-provider-example"
|
||||
},
|
||||
{
|
||||
chapter: "Extending Language Services",
|
||||
name: "Folding provider example",
|
||||
id: "extending-language-services-folding-provider-example",
|
||||
path: "extending-language-services/folding-provider-example"
|
||||
},
|
||||
{
|
||||
chapter: "Extending Language Services",
|
||||
name: "Hover provider example",
|
||||
id: "extending-language-services-hover-provider-example",
|
||||
path: "extending-language-services/hover-provider-example"
|
||||
},
|
||||
{
|
||||
chapter: "Extending Language Services",
|
||||
name: "Semantic tokens provider example",
|
||||
id: "extending-language-services-semantic-tokens-provider-example",
|
||||
path: "extending-language-services/semantic-tokens-provider-example"
|
||||
},
|
||||
{
|
||||
chapter: "Extending Language Services",
|
||||
name: "Configure JavaScript defaults",
|
||||
id: "extending-language-services-configure-javascript-defaults",
|
||||
path: "extending-language-services/configure-javascript-defaults"
|
||||
},
|
||||
{
|
||||
chapter: "Extending Language Services",
|
||||
name: "Configure JSON defaults",
|
||||
id: "extending-language-services-configure-json-defaults",
|
||||
path: "extending-language-services/configure-json-defaults"
|
||||
if (typeof exports !== 'undefined') {
|
||||
exports.PLAY_SAMPLES = PLAY_SAMPLES;
|
||||
} else {
|
||||
self.PLAY_SAMPLES = PLAY_SAMPLES;
|
||||
}
|
||||
];
|
||||
|
||||
if (typeof exports !== 'undefined') {
|
||||
exports.PLAY_SAMPLES = PLAY_SAMPLES
|
||||
} else {
|
||||
self.PLAY_SAMPLES = PLAY_SAMPLES;
|
||||
}
|
||||
|
||||
})();
|
||||
|
||||
@ -1 +1 @@
|
||||
<div id="container" style="height:100%;"></div>
|
||||
<div id="container" style="height: 100%"></div>
|
||||
|
||||
@ -1 +1 @@
|
||||
<div id="container" style="height:100%;"></div>
|
||||
<div id="container" style="height: 100%"></div>
|
||||
|
||||
@ -1 +1 @@
|
||||
<div id="container" style="height:100%;"></div>
|
||||
<div id="container" style="height: 100%"></div>
|
||||
|
||||
@ -1 +1 @@
|
||||
<div id="container" style="height:100%;"></div>
|
||||
<div id="container" style="height: 100%"></div>
|
||||
|
||||
@ -1 +1 @@
|
||||
<div id="container" style="height:100%;"></div>
|
||||
<div id="container" style="height: 100%"></div>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue