修改文本编辑器

This commit is contained in:
jmal 2020-05-26 15:50:42 +08:00
parent 68e68e02b1
commit fa1ded487c
6 changed files with 241 additions and 195 deletions

View File

@ -15,15 +15,12 @@
"svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml"
},
"dependencies": {
"@ionic/core": "^4.11.10",
"@ionic/vue": "0.0.4",
"@moefe/vue-aplayer": "^2.0.0-beta.5",
"axios": "0.18.1",
"clipboard": "^2.0.6",
"cropperjs": "^1.5.6",
"e-vue-contextmenu": "^0.1.3",
"element-ui": "2.13.0",
"exif-js": "^2.3.0",
"gsap": "^3.2.6",
"highlightjs-line-numbers.js": "^2.7.0",
"htmlhint": "^0.13.0",

View File

@ -1,7 +1,5 @@
import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
require('monaco-languages/release/min/java/java.js')
function noop() { }
export { monaco };
@ -91,6 +89,7 @@ export default {
});
this.diffEditor && this._setModel(this.value, this.original);
this._editorMounted(this.editor); //编辑器初始化后
console.log(this.editor.getOptions())
},
_getEditor() {

View File

@ -14,10 +14,13 @@
</div>
</div>
<div class="content" @keydown="onKeyDown">
<div class="editor_main_storey"></div>
<MonacoEditor
v-if="textPreviewVisible"
ref="monacoEditor"
width="900"
height="640"
theme="vs"
theme="vs-dark"
:language="language"
:diffEditor="diffEditor"
original="..."
@ -34,6 +37,8 @@
import api from '@/api/file-api.js'
import markdownApi from '@/api/markdown-api'
import { lineWrapping } from '@/utils/file-type'
import MonacoEditor from '../MonacoEditorVue'
import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
@ -58,9 +63,17 @@
},
data(){
return{
language: 'html',
defalutLanguage: 'redis',
language: this.defalutLanguage,
lineWrapping: false,
options: {
fontSize: 14,
contextmenu: true,
readOnly: !this.$store.state.user.token,
// 换行
wordWrap: this.lineWrapping ? 'wordWrapColumn':'',
wordWrapMinified: true,
wrappingIndent: "indent"
},
diffEditor: false,
textPreviewVisible: false,
@ -68,10 +81,7 @@
transformY: (document.body.clientHeight-640)/2,
content: '',
newContent: '',
codeMode: 'javascript',
previewMode: true,
lineWrapping: false,
readOnly: !this.$store.state.user.token,
isShowUpdateBtn: false,
updating: false,
loading: {},
@ -86,15 +96,20 @@
dangerouslyUseHTMLString: true,
message: '<span>&nbsp;&nbsp;正在加载数据...</span>'
})
this.codeMode = 'javascript'
let suffix = a.suffix
let languages = monaco.languages.getLanguages();
const languagesIndex = languages.findIndex(item => item.extensions && item.extensions.includes('.'+suffix))
if(languagesIndex > -1){
const language = languages[languagesIndex].id
console.log(language)
this.language = language
this.language = languages[languagesIndex].id
}else{
this.language = this.defalutLanguage
}
if(lineWrapping.includes(suffix)) {
this.options.wordWrap = 'wordWrapColumn'
this.lineWrapping = true
}else{
this.options.wordWrap = ''
}
api.previewText({
id: a.id,
@ -128,13 +143,16 @@
done()
}
},
closeDialog(done) {
closeDialog() {
this.$emit('update:status', this.textPreviewVisible)
this.isShowUpdateBtn = false
},
change(code) {
this.isShowUpdateBtn = true
this.newContent = code
if(code === this.content){
this.isShowUpdateBtn = false
}
},
save() {
if(this.isShowUpdateBtn){
@ -190,8 +208,23 @@
/*height: 600px;*/
/*overflow: scroll;*/
/*}*/
/deep/.content {
border-top: unset!important;
.editor_main_storey {
display: inline-block;
position: absolute;
z-index: 999;
width: 100%;
height: 5px;
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
}
}
.el-dialog__header {
padding: 5px 20px 5px;
background-color: #292929;
color: #fff;
.el-dialog__headerbtn {
top: 16px;
right: 16px;
@ -212,6 +245,7 @@
}
.el-dialog__body {
padding: 0;
word-break: normal;
}
.content {
border-top: 1px solid #ccc;

View File

@ -166,18 +166,18 @@ export const constantRoutes = [
]
},
{
path: '/demo',
component: Layout,
children: [
{
path: 'index',
name: 'demo',
component: () => import('@/views/demo/index'),
meta: { title: 'demo', icon: 'example' }
}
]
},
// {
// path: '/demo',
// component: Layout,
// children: [
// {
// path: 'index',
// name: 'demo',
// component: () => import('@/views/demo/index'),
// meta: { title: 'demo', icon: 'example' }
// }
// ]
// },
{
path: '/markdown',

View File

@ -1,16 +1,21 @@
import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
export const suffix = {
simText: [
'swift','ymal','yml','dart','vue','txt','TXT',
'go','html','htm','asp','jsp','js','css',
'xml','xsl','iml','json','properties','md',
'gitignore','java','py','c','cpp','h',
'sql','sh','bat','m','bas','prg','cmd',
'vue','asp','jsp',
'xml','xsl','iml','m','bas','prg','cmd',
'sass','sas','php','lst','key','pem','log',
'cmake','db','gradle','bat'
]
}
// 不换行
monaco.languages.getLanguages().forEach(language => {
language.extensions.forEach(ext => {
suffix.simText.push(ext.substring(1,ext.length))
})
})
// 换行
export const lineWrapping = [
'txt'
]
@ -26,6 +31,7 @@ iconClass.set('md','file-md')
iconClass.set('txt','file-txt')
iconClass.set('TXT','file-txt')
iconClass.set('css','file-css')
iconClass.set('scss','file-css')
iconClass.set('java','file-java')
iconClass.set('go','file-go')
iconClass.set('DS_Store','file-Ds-store')
@ -60,167 +66,169 @@ iconClass.set('h','file-h')
iconClass.set('xsl','file-xsl')
iconClass.set('cmake','file-cmake')
iconClass.set('db','file-db')
iconClass.set('sql','file-db')
iconClass.set('gradle','file-gradle')
iconClass.set('bat','file-bat')
iconClass.set('swift','file-swift')
export const modeInfo = [
{name: "APL", mime: "text/apl", mode: "apl", ext: ["dyalog", "apl"]},
{name: "PGP", mimes: ["application/pgp", "application/pgp-encrypted", "application/pgp-keys", "application/pgp-signature"], mode: "asciiarmor", ext: ["asc", "pgp", "sig"]},
{name: "ASN.1", mime: "text/x-ttcn-asn", mode: "asn.1", ext: ["asn", "asn1"]},
{name: "Asterisk", mime: "text/x-asterisk", mode: "asterisk", file: /^extensions\.conf$/i},
{name: "Brainfuck", mime: "text/x-brainfuck", mode: "brainfuck", ext: ["b", "bf"]},
{name: "C", mime: "text/x-csrc", mode: "clike", ext: ["c", "h", "ino"]},
{name: "C++", mime: "text/x-c++src", mode: "clike", ext: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"], alias: ["cpp"]},
{name: "Cobol", mime: "text/x-cobol", mode: "cobol", ext: ["cob", "cpy"]},
{name: "C#", mime: "text/x-csharp", mode: "clike", ext: ["cs"], alias: ["csharp", "cs"]},
{name: "Clojure", mime: "text/x-clojure", mode: "clojure", ext: ["clj", "cljc", "cljx"]},
{name: "ClojureScript", mime: "text/x-clojurescript", mode: "clojure", ext: ["cljs"]},
{name: "Closure Stylesheets (GSS)", mime: "text/x-gss", mode: "css", ext: ["gss"]},
{name: "CMake", mime: "text/x-cmake", mode: "cmake", ext: ["cmake", "cmake.in"], file: /^CMakeLists.txt$/},
{name: "CoffeeScript", mimes: ["application/vnd.coffeescript", "text/coffeescript", "text/x-coffeescript"], mode: "coffeescript", ext: ["coffee"], alias: ["coffee", "coffee-script"]},
{name: "Common Lisp", mime: "text/x-common-lisp", mode: "commonlisp", ext: ["cl", "lisp", "el"], alias: ["lisp"]},
{name: "Cypher", mime: "application/x-cypher-query", mode: "cypher", ext: ["cyp", "cypher"]},
{name: "Cython", mime: "text/x-cython", mode: "python", ext: ["pyx", "pxd", "pxi"]},
{name: "Crystal", mime: "text/x-crystal", mode: "crystal", ext: ["cr"]},
{name: "CSS", mime: "text/css", mode: "css", ext: ["css"]},
{name: "CQL", mime: "text/x-cassandra", mode: "sql", ext: ["cql"]},
{name: "D", mime: "text/x-d", mode: "d", ext: ["d"]},
{name: "Dart", mimes: ["application/dart", "text/x-dart"], mode: "dart", ext: ["dart"]},
{name: "diff", mime: "text/x-diff", mode: "diff", ext: ["diff", "patch"]},
{name: "Django", mime: "text/x-django", mode: "django"},
{name: "Dockerfile", mime: "text/x-dockerfile", mode: "dockerfile", file: /^Dockerfile$/},
{name: "DTD", mime: "application/xml-dtd", mode: "dtd", ext: ["dtd"]},
{name: "Dylan", mime: "text/x-dylan", mode: "dylan", ext: ["dylan", "dyl", "intr"]},
{name: "EBNF", mime: "text/x-ebnf", mode: "ebnf"},
{name: "ECL", mime: "text/x-ecl", mode: "ecl", ext: ["ecl"]},
{name: "edn", mime: "application/edn", mode: "clojure", ext: ["edn"]},
{name: "Eiffel", mime: "text/x-eiffel", mode: "eiffel", ext: ["e"]},
{name: "Elm", mime: "text/x-elm", mode: "elm", ext: ["elm"]},
{name: "Embedded Javascript", mime: "application/x-ejs", mode: "htmlembedded", ext: ["ejs"]},
{name: "Embedded Ruby", mime: "application/x-erb", mode: "htmlembedded", ext: ["erb"]},
{name: "Erlang", mime: "text/x-erlang", mode: "erlang", ext: ["erl"]},
{name: "Esper", mime: "text/x-esper", mode: "sql"},
{name: "Factor", mime: "text/x-factor", mode: "factor", ext: ["factor"]},
{name: "FCL", mime: "text/x-fcl", mode: "fcl"},
{name: "Forth", mime: "text/x-forth", mode: "forth", ext: ["forth", "fth", "4th"]},
{name: "Fortran", mime: "text/x-fortran", mode: "fortran", ext: ["f", "for", "f77", "f90", "f95"]},
{name: "F#", mime: "text/x-fsharp", mode: "mllike", ext: ["fs"], alias: ["fsharp"]},
{name: "Gas", mime: "text/x-gas", mode: "gas", ext: ["s"]},
{name: "Gherkin", mime: "text/x-feature", mode: "gherkin", ext: ["feature"]},
{name: "GitHub Flavored Markdown", mime: "text/x-gfm", mode: "gfm", file: /^(readme|contributing|history).md$/i},
{name: "Go", mime: "text/x-go", mode: "go", ext: ["go"]},
{name: "Groovy", mime: "text/x-groovy", mode: "groovy", ext: ["groovy", "gradle"], file: /^Jenkinsfile$/},
{name: "HAML", mime: "text/x-haml", mode: "haml", ext: ["haml"]},
{name: "Haskell", mime: "text/x-haskell", mode: "haskell", ext: ["hs"]},
{name: "Haskell (Literate)", mime: "text/x-literate-haskell", mode: "haskell-literate", ext: ["lhs"]},
{name: "Haxe", mime: "text/x-haxe", mode: "haxe", ext: ["hx"]},
{name: "HXML", mime: "text/x-hxml", mode: "haxe", ext: ["hxml"]},
{name: "ASP.NET", mime: "application/x-aspx", mode: "htmlembedded", ext: ["aspx"], alias: ["asp", "aspx"]},
{name: "HTML", mime: "text/html", mode: "htmlmixed", ext: ["html", "htm", "handlebars", "hbs"], alias: ["xhtml"]},
{name: "HTTP", mime: "message/http", mode: "http"},
{name: "IDL", mime: "text/x-idl", mode: "idl", ext: ["pro"]},
{name: "Pug", mime: "text/x-pug", mode: "pug", ext: ["jade", "pug"], alias: ["jade"]},
{name: "Java", mime: "text/x-java", mode: "clike", ext: ["java"]},
{name: "Java Server Pages", mime: "application/x-jsp", mode: "htmlembedded", ext: ["jsp"], alias: ["jsp"]},
{name: "JavaScript", mimes: ["text/javascript", "text/ecmascript", "application/javascript", "application/x-javascript", "application/ecmascript"],
mode: "javascript", ext: ["js"], alias: ["ecmascript", "js", "node"]},
{name: "JSON", mimes: ["application/json", "application/x-json"], mode: "javascript", ext: ["json", "map"], alias: ["json5"]},
{name: "JSON-LD", mime: "application/ld+json", mode: "javascript", ext: ["jsonld"], alias: ["jsonld"]},
{name: "JSX", mime: "text/jsx", mode: "jsx", ext: ["jsx"]},
{name: "Jinja2", mime: "text/jinja2", mode: "jinja2", ext: ["j2", "jinja", "jinja2"]},
{name: "Julia", mime: "text/x-julia", mode: "julia", ext: ["jl"]},
{name: "Kotlin", mime: "text/x-kotlin", mode: "clike", ext: ["kt"]},
{name: "LESS", mime: "text/x-less", mode: "css", ext: ["less"]},
{name: "LiveScript", mime: "text/x-livescript", mode: "livescript", ext: ["ls"], alias: ["ls"]},
{name: "Lua", mime: "text/x-lua", mode: "lua", ext: ["lua"]},
{name: "Markdown", mime: "text/x-markdown", mode: "markdown", ext: ["markdown", "md", "mkd"]},
{name: "mIRC", mime: "text/mirc", mode: "mirc"},
{name: "MariaDB SQL", mime: "text/x-mariadb", mode: "sql"},
{name: "Mathematica", mime: "text/x-mathematica", mode: "mathematica", ext: ["m", "nb", "wl", "wls"]},
{name: "Modelica", mime: "text/x-modelica", mode: "modelica", ext: ["mo"]},
{name: "MUMPS", mime: "text/x-mumps", mode: "mumps", ext: ["mps"]},
{name: "MS SQL", mime: "text/x-mssql", mode: "sql"},
{name: "mbox", mime: "application/mbox", mode: "mbox", ext: ["mbox"]},
{name: "MySQL", mime: "text/x-mysql", mode: "sql"},
{name: "Nginx", mime: "text/x-nginx-conf", mode: "nginx", file: /nginx.*\.conf$/i},
{name: "NSIS", mime: "text/x-nsis", mode: "nsis", ext: ["nsh", "nsi"]},
{name: "NTriples", mimes: ["application/n-triples", "application/n-quads", "text/n-triples"],
mode: "ntriples", ext: ["nt", "nq"]},
{name: "Objective-C", mime: "text/x-objectivec", mode: "clike", ext: ["m"], alias: ["objective-c", "objc"]},
{name: "Objective-C++", mime: "text/x-objectivec++", mode: "clike", ext: ["mm"], alias: ["objective-c++", "objc++"]},
{name: "OCaml", mime: "text/x-ocaml", mode: "mllike", ext: ["ml", "mli", "mll", "mly"]},
{name: "Octave", mime: "text/x-octave", mode: "octave", ext: ["m"]},
{name: "Oz", mime: "text/x-oz", mode: "oz", ext: ["oz"]},
{name: "Pascal", mime: "text/x-pascal", mode: "pascal", ext: ["p", "pas"]},
{name: "PEG.js", mime: "null", mode: "pegjs", ext: ["jsonld"]},
{name: "Perl", mime: "text/x-perl", mode: "perl", ext: ["pl", "pm"]},
{name: "PHP", mimes: ["text/x-php", "application/x-httpd-php", "application/x-httpd-php-open"], mode: "php", ext: ["php", "php3", "php4", "php5", "php7", "phtml"]},
{name: "Pig", mime: "text/x-pig", mode: "pig", ext: ["pig"]},
{name: "Plain Text", mime: "text/plain", mode: "null", ext: ["txt", "text", "conf", "def", "list", "log"]},
{name: "PLSQL", mime: "text/x-plsql", mode: "sql", ext: ["pls"]},
{name: "PostgreSQL", mime: "text/x-pgsql", mode: "sql"},
{name: "PowerShell", mime: "application/x-powershell", mode: "powershell", ext: ["ps1", "psd1", "psm1"]},
{name: "Properties files", mime: "text/x-properties", mode: "properties", ext: ["properties", "ini", "in"], alias: ["ini", "properties"]},
{name: "ProtoBuf", mime: "text/x-protobuf", mode: "protobuf", ext: ["proto"]},
{name: "Python", mime: "text/x-python", mode: "python", ext: ["BUILD", "bzl", "py", "pyw"], file: /^(BUCK|BUILD)$/},
{name: "Puppet", mime: "text/x-puppet", mode: "puppet", ext: ["pp"]},
{name: "Q", mime: "text/x-q", mode: "q", ext: ["q"]},
{name: "R", mime: "text/x-rsrc", mode: "r", ext: ["r", "R"], alias: ["rscript"]},
{name: "reStructuredText", mime: "text/x-rst", mode: "rst", ext: ["rst"], alias: ["rst"]},
{name: "RPM Changes", mime: "text/x-rpm-changes", mode: "rpm"},
{name: "RPM Spec", mime: "text/x-rpm-spec", mode: "rpm", ext: ["spec"]},
{name: "Ruby", mime: "text/x-ruby", mode: "ruby", ext: ["rb"], alias: ["jruby", "macruby", "rake", "rb", "rbx"]},
{name: "Rust", mime: "text/x-rustsrc", mode: "rust", ext: ["rs"]},
{name: "SAS", mime: "text/x-sas", mode: "sas", ext: ["sas"]},
{name: "Sass", mime: "text/x-sass", mode: "sass", ext: ["sass"]},
{name: "Scala", mime: "text/x-scala", mode: "clike", ext: ["scala"]},
{name: "Scheme", mime: "text/x-scheme", mode: "scheme", ext: ["scm", "ss"]},
{name: "SCSS", mime: "text/x-scss", mode: "css", ext: ["scss"]},
{name: "Shell", mimes: ["text/x-sh", "application/x-sh"], mode: "shell", ext: ["sh", "ksh", "bash"], alias: ["bash", "sh", "zsh"], file: /^PKGBUILD$/},
{name: "Sieve", mime: "application/sieve", mode: "sieve", ext: ["siv", "sieve"]},
{name: "Slim", mimes: ["text/x-slim", "application/x-slim"], mode: "slim", ext: ["slim"]},
{name: "Smalltalk", mime: "text/x-stsrc", mode: "smalltalk", ext: ["st"]},
{name: "Smarty", mime: "text/x-smarty", mode: "smarty", ext: ["tpl"]},
{name: "Solr", mime: "text/x-solr", mode: "solr"},
{name: "SML", mime: "text/x-sml", mode: "mllike", ext: ["sml", "sig", "fun", "smackspec"]},
{name: "Soy", mime: "text/x-soy", mode: "soy", ext: ["soy"], alias: ["closure template"]},
{name: "SPARQL", mime: "application/sparql-query", mode: "sparql", ext: ["rq", "sparql"], alias: ["sparul"]},
{name: "Spreadsheet", mime: "text/x-spreadsheet", mode: "spreadsheet", alias: ["excel", "formula"]},
{name: "SQL", mime: "text/x-sql", mode: "sql", ext: ["sql"]},
{name: "SQLite", mime: "text/x-sqlite", mode: "sql"},
{name: "Squirrel", mime: "text/x-squirrel", mode: "clike", ext: ["nut"]},
{name: "Stylus", mime: "text/x-styl", mode: "stylus", ext: ["styl"]},
{name: "Swift", mime: "text/x-swift", mode: "swift", ext: ["swift"]},
{name: "sTeX", mime: "text/x-stex", mode: "stex"},
{name: "LaTeX", mime: "text/x-latex", mode: "stex", ext: ["text", "ltx", "tex"], alias: ["tex"]},
{name: "SystemVerilog", mime: "text/x-systemverilog", mode: "verilog", ext: ["v", "sv", "svh"]},
{name: "Tcl", mime: "text/x-tcl", mode: "tcl", ext: ["tcl"]},
{name: "Textile", mime: "text/x-textile", mode: "textile", ext: ["textile"]},
{name: "TiddlyWiki ", mime: "text/x-tiddlywiki", mode: "tiddlywiki"},
{name: "Tiki wiki", mime: "text/tiki", mode: "tiki"},
{name: "TOML", mime: "text/x-toml", mode: "toml", ext: ["toml"]},
{name: "Tornado", mime: "text/x-tornado", mode: "tornado"},
{name: "troff", mime: "text/troff", mode: "troff", ext: ["1", "2", "3", "4", "5", "6", "7", "8", "9"]},
{name: "TTCN", mime: "text/x-ttcn", mode: "ttcn", ext: ["ttcn", "ttcn3", "ttcnpp"]},
{name: "TTCN_CFG", mime: "text/x-ttcn-cfg", mode: "ttcn-cfg", ext: ["cfg"]},
{name: "Turtle", mime: "text/turtle", mode: "turtle", ext: ["ttl"]},
{name: "TypeScript", mime: "application/typescript", mode: "javascript", ext: ["ts"], alias: ["ts"]},
{name: "TypeScript-JSX", mime: "text/typescript-jsx", mode: "jsx", ext: ["tsx"], alias: ["tsx"]},
{name: "Twig", mime: "text/x-twig", mode: "twig"},
{name: "Web IDL", mime: "text/x-webidl", mode: "webidl", ext: ["webidl"]},
{name: "VB.NET", mime: "text/x-vb", mode: "vb", ext: ["vb"]},
{name: "VBScript", mime: "text/vbscript", mode: "vbscript", ext: ["vbs"]},
{name: "Velocity", mime: "text/velocity", mode: "velocity", ext: ["vtl"]},
{name: "Verilog", mime: "text/x-verilog", mode: "verilog", ext: ["v"]},
{name: "VHDL", mime: "text/x-vhdl", mode: "vhdl", ext: ["vhd", "vhdl"]},
{name: "Vue.js Component", mimes: ["script/x-vue", "text/x-vue"], mode: "vue", ext: ["vue"]},
{name: "XML", mimes: ["application/xml", "text/xml"], mode: "xml", ext: ["xml", "xsl", "xsd", "svg"], alias: ["rss", "wsdl", "xsd"]},
{name: "XQuery", mime: "application/xquery", mode: "xquery", ext: ["xy", "xquery"]},
{name: "Yacas", mime: "text/x-yacas", mode: "yacas", ext: ["ys"]},
{name: "YAML", mimes: ["text/x-yaml", "text/yaml"], mode: "yaml", ext: ["yaml", "yml"], alias: ["yml"]},
{name: "Z80", mime: "text/x-z80", mode: "z80", ext: ["z80"]},
{name: "mscgen", mime: "text/x-mscgen", mode: "mscgen", ext: ["mscgen", "mscin", "msc"]},
{name: "xu", mime: "text/x-xu", mode: "mscgen", ext: ["xu"]},
{name: "msgenny", mime: "text/x-msgenny", mode: "mscgen", ext: ["msgenny"]}
];
// export const modeInfo = [
// {name: "APL", mime: "text/apl", mode: "apl", ext: ["dyalog", "apl"]},
// {name: "PGP", mimes: ["application/pgp", "application/pgp-encrypted", "application/pgp-keys", "application/pgp-signature"], mode: "asciiarmor", ext: ["asc", "pgp", "sig"]},
// {name: "ASN.1", mime: "text/x-ttcn-asn", mode: "asn.1", ext: ["asn", "asn1"]},
// {name: "Asterisk", mime: "text/x-asterisk", mode: "asterisk", file: /^extensions\.conf$/i},
// {name: "Brainfuck", mime: "text/x-brainfuck", mode: "brainfuck", ext: ["b", "bf"]},
// {name: "C", mime: "text/x-csrc", mode: "clike", ext: ["c", "h", "ino"]},
// {name: "C++", mime: "text/x-c++src", mode: "clike", ext: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"], alias: ["cpp"]},
// {name: "Cobol", mime: "text/x-cobol", mode: "cobol", ext: ["cob", "cpy"]},
// {name: "C#", mime: "text/x-csharp", mode: "clike", ext: ["cs"], alias: ["csharp", "cs"]},
// {name: "Clojure", mime: "text/x-clojure", mode: "clojure", ext: ["clj", "cljc", "cljx"]},
// {name: "ClojureScript", mime: "text/x-clojurescript", mode: "clojure", ext: ["cljs"]},
// {name: "Closure Stylesheets (GSS)", mime: "text/x-gss", mode: "css", ext: ["gss"]},
// {name: "CMake", mime: "text/x-cmake", mode: "cmake", ext: ["cmake", "cmake.in"], file: /^CMakeLists.txt$/},
// {name: "CoffeeScript", mimes: ["application/vnd.coffeescript", "text/coffeescript", "text/x-coffeescript"], mode: "coffeescript", ext: ["coffee"], alias: ["coffee", "coffee-script"]},
// {name: "Common Lisp", mime: "text/x-common-lisp", mode: "commonlisp", ext: ["cl", "lisp", "el"], alias: ["lisp"]},
// {name: "Cypher", mime: "application/x-cypher-query", mode: "cypher", ext: ["cyp", "cypher"]},
// {name: "Cython", mime: "text/x-cython", mode: "python", ext: ["pyx", "pxd", "pxi"]},
// {name: "Crystal", mime: "text/x-crystal", mode: "crystal", ext: ["cr"]},
// {name: "CSS", mime: "text/css", mode: "css", ext: ["css"]},
// {name: "CQL", mime: "text/x-cassandra", mode: "sql", ext: ["cql"]},
// {name: "D", mime: "text/x-d", mode: "d", ext: ["d"]},
// {name: "Dart", mimes: ["application/dart", "text/x-dart"], mode: "dart", ext: ["dart"]},
// {name: "diff", mime: "text/x-diff", mode: "diff", ext: ["diff", "patch"]},
// {name: "Django", mime: "text/x-django", mode: "django"},
// {name: "Dockerfile", mime: "text/x-dockerfile", mode: "dockerfile", file: /^Dockerfile$/},
// {name: "DTD", mime: "application/xml-dtd", mode: "dtd", ext: ["dtd"]},
// {name: "Dylan", mime: "text/x-dylan", mode: "dylan", ext: ["dylan", "dyl", "intr"]},
// {name: "EBNF", mime: "text/x-ebnf", mode: "ebnf"},
// {name: "ECL", mime: "text/x-ecl", mode: "ecl", ext: ["ecl"]},
// {name: "edn", mime: "application/edn", mode: "clojure", ext: ["edn"]},
// {name: "Eiffel", mime: "text/x-eiffel", mode: "eiffel", ext: ["e"]},
// {name: "Elm", mime: "text/x-elm", mode: "elm", ext: ["elm"]},
// {name: "Embedded Javascript", mime: "application/x-ejs", mode: "htmlembedded", ext: ["ejs"]},
// {name: "Embedded Ruby", mime: "application/x-erb", mode: "htmlembedded", ext: ["erb"]},
// {name: "Erlang", mime: "text/x-erlang", mode: "erlang", ext: ["erl"]},
// {name: "Esper", mime: "text/x-esper", mode: "sql"},
// {name: "Factor", mime: "text/x-factor", mode: "factor", ext: ["factor"]},
// {name: "FCL", mime: "text/x-fcl", mode: "fcl"},
// {name: "Forth", mime: "text/x-forth", mode: "forth", ext: ["forth", "fth", "4th"]},
// {name: "Fortran", mime: "text/x-fortran", mode: "fortran", ext: ["f", "for", "f77", "f90", "f95"]},
// {name: "F#", mime: "text/x-fsharp", mode: "mllike", ext: ["fs"], alias: ["fsharp"]},
// {name: "Gas", mime: "text/x-gas", mode: "gas", ext: ["s"]},
// {name: "Gherkin", mime: "text/x-feature", mode: "gherkin", ext: ["feature"]},
// {name: "GitHub Flavored Markdown", mime: "text/x-gfm", mode: "gfm", file: /^(readme|contributing|history).md$/i},
// {name: "Go", mime: "text/x-go", mode: "go", ext: ["go"]},
// {name: "Groovy", mime: "text/x-groovy", mode: "groovy", ext: ["groovy", "gradle"], file: /^Jenkinsfile$/},
// {name: "HAML", mime: "text/x-haml", mode: "haml", ext: ["haml"]},
// {name: "Haskell", mime: "text/x-haskell", mode: "haskell", ext: ["hs"]},
// {name: "Haskell (Literate)", mime: "text/x-literate-haskell", mode: "haskell-literate", ext: ["lhs"]},
// {name: "Haxe", mime: "text/x-haxe", mode: "haxe", ext: ["hx"]},
// {name: "HXML", mime: "text/x-hxml", mode: "haxe", ext: ["hxml"]},
// {name: "ASP.NET", mime: "application/x-aspx", mode: "htmlembedded", ext: ["aspx"], alias: ["asp", "aspx"]},
// {name: "HTML", mime: "text/html", mode: "htmlmixed", ext: ["html", "htm", "handlebars", "hbs"], alias: ["xhtml"]},
// {name: "HTTP", mime: "message/http", mode: "http"},
// {name: "IDL", mime: "text/x-idl", mode: "idl", ext: ["pro"]},
// {name: "Pug", mime: "text/x-pug", mode: "pug", ext: ["jade", "pug"], alias: ["jade"]},
// {name: "Java", mime: "text/x-java", mode: "clike", ext: ["java"]},
// {name: "Java Server Pages", mime: "application/x-jsp", mode: "htmlembedded", ext: ["jsp"], alias: ["jsp"]},
// {name: "JavaScript", mimes: ["text/javascript", "text/ecmascript", "application/javascript", "application/x-javascript", "application/ecmascript"],
// mode: "javascript", ext: ["js"], alias: ["ecmascript", "js", "node"]},
// {name: "JSON", mimes: ["application/json", "application/x-json"], mode: "javascript", ext: ["json", "map"], alias: ["json5"]},
// {name: "JSON-LD", mime: "application/ld+json", mode: "javascript", ext: ["jsonld"], alias: ["jsonld"]},
// {name: "JSX", mime: "text/jsx", mode: "jsx", ext: ["jsx"]},
// {name: "Jinja2", mime: "text/jinja2", mode: "jinja2", ext: ["j2", "jinja", "jinja2"]},
// {name: "Julia", mime: "text/x-julia", mode: "julia", ext: ["jl"]},
// {name: "Kotlin", mime: "text/x-kotlin", mode: "clike", ext: ["kt"]},
// {name: "LESS", mime: "text/x-less", mode: "css", ext: ["less"]},
// {name: "LiveScript", mime: "text/x-livescript", mode: "livescript", ext: ["ls"], alias: ["ls"]},
// {name: "Lua", mime: "text/x-lua", mode: "lua", ext: ["lua"]},
// {name: "Markdown", mime: "text/x-markdown", mode: "markdown", ext: ["markdown", "md", "mkd"]},
// {name: "mIRC", mime: "text/mirc", mode: "mirc"},
// {name: "MariaDB SQL", mime: "text/x-mariadb", mode: "sql"},
// {name: "Mathematica", mime: "text/x-mathematica", mode: "mathematica", ext: ["m", "nb", "wl", "wls"]},
// {name: "Modelica", mime: "text/x-modelica", mode: "modelica", ext: ["mo"]},
// {name: "MUMPS", mime: "text/x-mumps", mode: "mumps", ext: ["mps"]},
// {name: "MS SQL", mime: "text/x-mssql", mode: "sql"},
// {name: "mbox", mime: "application/mbox", mode: "mbox", ext: ["mbox"]},
// {name: "MySQL", mime: "text/x-mysql", mode: "sql"},
// {name: "Nginx", mime: "text/x-nginx-conf", mode: "nginx", file: /nginx.*\.conf$/i},
// {name: "NSIS", mime: "text/x-nsis", mode: "nsis", ext: ["nsh", "nsi"]},
// {name: "NTriples", mimes: ["application/n-triples", "application/n-quads", "text/n-triples"],
// mode: "ntriples", ext: ["nt", "nq"]},
// {name: "Objective-C", mime: "text/x-objectivec", mode: "clike", ext: ["m"], alias: ["objective-c", "objc"]},
// {name: "Objective-C++", mime: "text/x-objectivec++", mode: "clike", ext: ["mm"], alias: ["objective-c++", "objc++"]},
// {name: "OCaml", mime: "text/x-ocaml", mode: "mllike", ext: ["ml", "mli", "mll", "mly"]},
// {name: "Octave", mime: "text/x-octave", mode: "octave", ext: ["m"]},
// {name: "Oz", mime: "text/x-oz", mode: "oz", ext: ["oz"]},
// {name: "Pascal", mime: "text/x-pascal", mode: "pascal", ext: ["p", "pas"]},
// {name: "PEG.js", mime: "null", mode: "pegjs", ext: ["jsonld"]},
// {name: "Perl", mime: "text/x-perl", mode: "perl", ext: ["pl", "pm"]},
// {name: "PHP", mimes: ["text/x-php", "application/x-httpd-php", "application/x-httpd-php-open"], mode: "php", ext: ["php", "php3", "php4", "php5", "php7", "phtml"]},
// {name: "Pig", mime: "text/x-pig", mode: "pig", ext: ["pig"]},
// {name: "Plain Text", mime: "text/plain", mode: "null", ext: ["txt", "text", "conf", "def", "list", "log"]},
// {name: "PLSQL", mime: "text/x-plsql", mode: "sql", ext: ["pls"]},
// {name: "PostgreSQL", mime: "text/x-pgsql", mode: "sql"},
// {name: "PowerShell", mime: "application/x-powershell", mode: "powershell", ext: ["ps1", "psd1", "psm1"]},
// {name: "Properties files", mime: "text/x-properties", mode: "properties", ext: ["properties", "ini", "in"], alias: ["ini", "properties"]},
// {name: "ProtoBuf", mime: "text/x-protobuf", mode: "protobuf", ext: ["proto"]},
// {name: "Python", mime: "text/x-python", mode: "python", ext: ["BUILD", "bzl", "py", "pyw"], file: /^(BUCK|BUILD)$/},
// {name: "Puppet", mime: "text/x-puppet", mode: "puppet", ext: ["pp"]},
// {name: "Q", mime: "text/x-q", mode: "q", ext: ["q"]},
// {name: "R", mime: "text/x-rsrc", mode: "r", ext: ["r", "R"], alias: ["rscript"]},
// {name: "reStructuredText", mime: "text/x-rst", mode: "rst", ext: ["rst"], alias: ["rst"]},
// {name: "RPM Changes", mime: "text/x-rpm-changes", mode: "rpm"},
// {name: "RPM Spec", mime: "text/x-rpm-spec", mode: "rpm", ext: ["spec"]},
// {name: "Ruby", mime: "text/x-ruby", mode: "ruby", ext: ["rb"], alias: ["jruby", "macruby", "rake", "rb", "rbx"]},
// {name: "Rust", mime: "text/x-rustsrc", mode: "rust", ext: ["rs"]},
// {name: "SAS", mime: "text/x-sas", mode: "sas", ext: ["sas"]},
// {name: "Sass", mime: "text/x-sass", mode: "sass", ext: ["sass"]},
// {name: "Scala", mime: "text/x-scala", mode: "clike", ext: ["scala"]},
// {name: "Scheme", mime: "text/x-scheme", mode: "scheme", ext: ["scm", "ss"]},
// {name: "SCSS", mime: "text/x-scss", mode: "css", ext: ["scss"]},
// {name: "Shell", mimes: ["text/x-sh", "application/x-sh"], mode: "shell", ext: ["sh", "ksh", "bash"], alias: ["bash", "sh", "zsh"], file: /^PKGBUILD$/},
// {name: "Sieve", mime: "application/sieve", mode: "sieve", ext: ["siv", "sieve"]},
// {name: "Slim", mimes: ["text/x-slim", "application/x-slim"], mode: "slim", ext: ["slim"]},
// {name: "Smalltalk", mime: "text/x-stsrc", mode: "smalltalk", ext: ["st"]},
// {name: "Smarty", mime: "text/x-smarty", mode: "smarty", ext: ["tpl"]},
// {name: "Solr", mime: "text/x-solr", mode: "solr"},
// {name: "SML", mime: "text/x-sml", mode: "mllike", ext: ["sml", "sig", "fun", "smackspec"]},
// {name: "Soy", mime: "text/x-soy", mode: "soy", ext: ["soy"], alias: ["closure template"]},
// {name: "SPARQL", mime: "application/sparql-query", mode: "sparql", ext: ["rq", "sparql"], alias: ["sparul"]},
// {name: "Spreadsheet", mime: "text/x-spreadsheet", mode: "spreadsheet", alias: ["excel", "formula"]},
// {name: "SQL", mime: "text/x-sql", mode: "sql", ext: ["sql"]},
// {name: "SQLite", mime: "text/x-sqlite", mode: "sql"},
// {name: "Squirrel", mime: "text/x-squirrel", mode: "clike", ext: ["nut"]},
// {name: "Stylus", mime: "text/x-styl", mode: "stylus", ext: ["styl"]},
// {name: "Swift", mime: "text/x-swift", mode: "swift", ext: ["swift"]},
// {name: "sTeX", mime: "text/x-stex", mode: "stex"},
// {name: "LaTeX", mime: "text/x-latex", mode: "stex", ext: ["text", "ltx", "tex"], alias: ["tex"]},
// {name: "SystemVerilog", mime: "text/x-systemverilog", mode: "verilog", ext: ["v", "sv", "svh"]},
// {name: "Tcl", mime: "text/x-tcl", mode: "tcl", ext: ["tcl"]},
// {name: "Textile", mime: "text/x-textile", mode: "textile", ext: ["textile"]},
// {name: "TiddlyWiki ", mime: "text/x-tiddlywiki", mode: "tiddlywiki"},
// {name: "Tiki wiki", mime: "text/tiki", mode: "tiki"},
// {name: "TOML", mime: "text/x-toml", mode: "toml", ext: ["toml"]},
// {name: "Tornado", mime: "text/x-tornado", mode: "tornado"},
// {name: "troff", mime: "text/troff", mode: "troff", ext: ["1", "2", "3", "4", "5", "6", "7", "8", "9"]},
// {name: "TTCN", mime: "text/x-ttcn", mode: "ttcn", ext: ["ttcn", "ttcn3", "ttcnpp"]},
// {name: "TTCN_CFG", mime: "text/x-ttcn-cfg", mode: "ttcn-cfg", ext: ["cfg"]},
// {name: "Turtle", mime: "text/turtle", mode: "turtle", ext: ["ttl"]},
// {name: "TypeScript", mime: "application/typescript", mode: "javascript", ext: ["ts"], alias: ["ts"]},
// {name: "TypeScript-JSX", mime: "text/typescript-jsx", mode: "jsx", ext: ["tsx"], alias: ["tsx"]},
// {name: "Twig", mime: "text/x-twig", mode: "twig"},
// {name: "Web IDL", mime: "text/x-webidl", mode: "webidl", ext: ["webidl"]},
// {name: "VB.NET", mime: "text/x-vb", mode: "vb", ext: ["vb"]},
// {name: "VBScript", mime: "text/vbscript", mode: "vbscript", ext: ["vbs"]},
// {name: "Velocity", mime: "text/velocity", mode: "velocity", ext: ["vtl"]},
// {name: "Verilog", mime: "text/x-verilog", mode: "verilog", ext: ["v"]},
// {name: "VHDL", mime: "text/x-vhdl", mode: "vhdl", ext: ["vhd", "vhdl"]},
// {name: "Vue.js Component", mimes: ["script/x-vue", "text/x-vue"], mode: "vue", ext: ["vue"]},
// {name: "XML", mimes: ["application/xml", "text/xml"], mode: "xml", ext: ["xml", "xsl", "xsd", "svg"], alias: ["rss", "wsdl", "xsd"]},
// {name: "XQuery", mime: "application/xquery", mode: "xquery", ext: ["xy", "xquery"]},
// {name: "Yacas", mime: "text/x-yacas", mode: "yacas", ext: ["ys"]},
// {name: "YAML", mimes: ["text/x-yaml", "text/yaml"], mode: "yaml", ext: ["yaml", "yml"], alias: ["yml"]},
// {name: "Z80", mime: "text/x-z80", mode: "z80", ext: ["z80"]},
// {name: "mscgen", mime: "text/x-mscgen", mode: "mscgen", ext: ["mscgen", "mscin", "msc"]},
// {name: "xu", mime: "text/x-xu", mode: "mscgen", ext: ["xu"]},
// {name: "msgenny", mime: "text/x-msgenny", mode: "mscgen", ext: ["msgenny"]}
// ];

View File

@ -97,7 +97,15 @@ module.exports = {
config.plugin('monaco-editor').use(MonacoWebpackPlugin, [
{
// Languages are loaded on demand at runtime
languages: ["abap", "apex", "azcli", "bat", "cameligo", "clojure", "coffee", "cpp", "csharp", "csp", "css", "dockerfile", "fsharp", "go", "graphql", "handlebars", "html", "ini", "java", "javascript", "kotlin", "less", "lua", "markdown", "mips", "msdax", "mysql", "objective-c", "pascal", "pascaligo", "perl", "pgsql", "php", "postiats", "powerquery", "powershell", "pug", "python", "r", "razor", "redis", "redshift", "restructuredtext", "ruby", "rust", "sb", "scheme", "scss", "shell", "solidity", "sophia", "sql", "st", "swift", "tcl", "twig", "typescript", "vb", "xml", "yaml"]
languages: [
"json","abap", "apex", "azcli", "bat", "cameligo","clojure", "coffee", "cpp", "yaml",
"csharp", "csp", "css","dockerfile", "fsharp", "go", "graphql", "handlebars","html", "ini",
"java", "javascript", "kotlin", "less","lua", "markdown", "mips", "msdax", "mysql", "objective-c",
"pascal", "pascaligo", "perl", "pgsql", "php", "postiats","powerquery", "powershell", "pug", "python",
"r", "razor","redis", "redshift", "restructuredtext", "ruby", "rust","sb", "scheme", "scss",
"shell", "solidity", "sophia", "sql","st", "swift", "tcl", "twig", "typescript", "vb",
"xml",
]
}
])