MonacoEditor参数配置详解
const option = {
value: '', // 编辑器初始显⽰⽂字
language: 'sql', // 语⾔⽀持⾃⾏查阅demo
automaticLayout: true, // ⾃动布局
foldingStrategy: 'indentation', // 代码可分⼩段折叠
autoClosingBrackets: 'always', // 是否⾃动添加结束括号(包括中括号) "always" | "languageDefined" | "beforeWhitespace" | "never"
autoClosingDelete: 'always', // 是否⾃动删除结束括号(包括中括号) "always" | "never" | "auto"
autoClosingQuotes: 'always', // 是否⾃动添加结束的单引号双引号 "always" | "languageDefined" | "beforeWhitespace" | "never"
autoIndent: 'None', // 控制编辑器在⽤户键⼊、粘贴、移动或缩进⾏时是否应⾃动调整缩进
comments: {
ignoreEmptyLines: true, // 插⼊⾏注释时忽略空⾏。默认为真。
insertSpace: true // 在⾏注释标记之后和块注释标记内插⼊⼀个空格。默认为真。
}, // 注释配置
//
cursorBlinking: 'Solid', // 光标动画样式
cursorSmoothCaretAnimation: true, // 是否启⽤光标平滑插⼊动画当你在快速输⼊⽂字的时候光标是直接平滑的移动还是直接"闪现"到当前⽂字所处位置
cursorSurroundingLines: 0, // 光标环绕⾏数当⽂字输⼊超过屏幕时可以看见右侧滚动条中光标所处位置是在滚动条中间还是顶部还是底部即光标环绕⾏数环绕⾏数越⼤光标在滚动条中位置越居中    cursorSurroundingLinesStyle: 'all', // "default" | "all" 光标环绕样式
cursorWidth: 2, // <=25 光标宽度
minimap: { // 关闭代码缩略图
enabled: false // 是否启⽤预览图
},
overviewRulerBorder: false, // 是否应围绕概览标尺绘制边框
folding: true, // 是否启⽤代码折叠
scrollBeyondLastLine: false, // 设置编辑器是否可以滚动到最后⼀⾏之后
renderLineHighlight: 'all', // 当前⾏突出显⽰⽅式  "all" | "line" | "none" | "gutter"
如何设置滚动条的位置
theme: 'vs' // 官⽅⾃带三种主题vs, hc-black, or vs-dark
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。