Please enable JavaScript.
Coggle requires JavaScript to display documents.
MonacoDiffEditor - Coggle Diagram
MonacoDiffEditor
单词
wordWrap
控制编辑器的自动换行行为。可以设置为“off”(关闭自动换行)、“on”(打开自动换行)、“wordWrapColumn”(在特定列进行换行)等。
wordWrapBreakAfterCharacters
指定在哪些字符后可以进行自动换行。这对于控制换行的精确位置非常有用。
wordSeparators
定义了哪些字符被视为单词分隔符。这对于编辑器的单词导航和操作非常重要。
wordWrapBreakBeforeCharacters
指定在哪些字符前可以进行自动换行。
wordBreak
此配置控制单词的断行行为,尤其是在超出容器边界时如何处理单词断行。
wordWrapColumn
定义自动换行的列数。当启用自动换行并设置
wordWrapOverride1
提供对第一层自动换行的覆盖设置。这允许用户对默认的换行行为进行更精细的控制。
类似于wordWrapOverride1,但提供第二层的自动换行覆盖设置。
光标
cursorSurroundingLines
控制当你滚动到视图边缘时,光标周围保留的最小行数。
cursorBlinking
定义光标闪烁的模式,例如稳定、闪烁、平滑等。
cursorStyle
设置光标的样式,例如块状、线状或下划线。
cursorSurroundingLinesStyle
定义 cursorSurroundingLines 的应用方式,例如只在通过键盘或API进行导航时应用。
cursorSmoothCaretAnimation
启用时,光标移动将显示平滑动画,而不是立即跳转。
cursorWidth
设置光标的宽度px
hideCursorInOverviewRuler
当此选项启用时,光标在概览尺(一种用于显示整个文件概览的小栏)中将不可见,有助于减少干扰。
字体
fontFamily
fontLigatures
当设置为 true 时,启用字体连字特性。这在使用支持连字的编程字体时特别有用,可以使代码看起来更整洁。
fontSize
fontVariations
允许设置字体的变体,如不同的粗细或宽度。这是 CSS 字体变体特性的一个接口。
fontWeight
代码折叠
folding
启用或禁用代码折叠功能。代码折叠允许用户折叠(隐藏)代码区块,以便专注于编辑器中的特定部分。
foldingHighlight
启用时,会在编辑器中突出显示折叠的区域,使其更容易辨认。
foldingImportsByDefault
当设置为 true 时,默认情况下会折叠导入语句。这在处理包含大量导入的文件时特别有用。
foldingMaximumRegions
设置代码折叠区域的最大数量。这对于性能优化很重要,尤其是在处理大型文件时。
foldingStrategy
确定使用哪种策略来计算折叠区域。常见的策略包括语法树折叠(基于语法结构)和缩进折叠(基于行的缩进级别)。
acceptSuggestionOnCommitCharacter
当启用时,如果当前的建议可以用特定的提交字符(如分号、点号等)完成,该字符的输入将会自动接受当前的代码补全建议。
acceptSuggestionOnEnter
控制是否通过回车键接受代码建议。启用时,按下回车键将会接受当前高亮的建议。
autoClosingBrackets
是否在用户输入左括号后自动插入右括号
autoClosingComments
自动关闭多行注释
autoClosingDelete
是否自动删除相邻的闭合括号或引号
autoClosingOvertype
是否允许覆盖闭合括号或引号
autoClosingQuotes
是否在用户输入左引号后自动插入右引号
glyphMargin
启用后,在编辑器的左侧会显示一个额外的边距,通常用于放置断点和其他装饰符号。这对于调试代码非常有用。
automaticLayout
编辑器将自动调整大小以适应其容器
autoIndent
自动调整新行的缩进
dropIntoEditor
控制是否允许将文件直接拖放到编辑器中。
autoDetectHighContrast
自动检测并适应高对比度的主题
autoSurround
当输入引号或括号时,控制编辑器是否自动将选中的文本包围起来。
bracketPairColorization
此选项启用或禁用括号对着色。当开启时,配对的括号将以不同颜色显示,有助于更容易地识别和区分代码中的括号结构。
codeLensFontFamily/codeLensFontSize
自定义 CodeLens 文本的字体和字号,使其与编辑器中的其他文本区分开来。
comments
控制是否启用和如何处理代码注释的功能,包括添加、删除和导航注释。
diffWordWrap
设置在Diff编辑器中是否应用自动换行。这对于阅读长行代码差异很有帮助。
copyWithSyntaxHighlighting
复制代码时将保留语法高亮。这在将代码粘贴到支持富文本的编辑器中时非常有用。
colorDecoratorsActivatedOn/colorDecoratorsLimit
控制颜色装饰器的激活条件和数量限制。可以指定在文件中出现多少个颜色声明时才显示装饰器,或限制显示的装饰器数量。
domReadOnly
当设置为 true 时,编辑器将处于只读模式,不允许用户修改内容。
codeActionsOnSaveTimeout
保存文件时触发的代码操作(如格式化或修复)的超时时间(以毫秒为单位),这可以帮助避免长时间等待复杂操作的完成。
codeLens
一种在代码中显示额外信息的功能(如引用计数或函数定义),而不影响代码本身的显示。启用此选项将在编辑器中显示 CodeLens 信息。
enableSplitViewResizing
允许用户调整差异编辑器中的两个视图之间的分割线。
contextmenu
显示编辑器的右键上下文菜单
columnSelection
用户可以在编辑器中进行列选择,这允许同时选择和编辑代码的多个行中的特定区域。
dimension
设置编辑器的尺寸
colorDecorators
编辑器将显示颜色装饰器,这通常是颜色预览框,显示在 CSS 或其他支持颜色值的语言中的颜色代码旁边。
defaultColorDecorators
显示默认的颜色装饰器
lineHeight
设置编辑器中每一行的高度。
inlineSuggest
提供内联建议,即在你打字时自动显示可能的代码补全建议。
definitionLinkOpensInPeek
点击定义链接将在 Peek 窗口中打开,而不是跳转到定义的位置。这有助于在不离开当前上下文的情况下查看函数或方法的定义。
inDiffEditor
这个标志用于指示当前的上下文是在Diff编辑器内,这可能会影响某些功能的行为。
dragAndDrop
启用或禁用拖放功能。当启用时,用户可以通过拖放方式移动选中的文本块。
ignoreTrimWhitespace
在Diff时,如果启用此选项,编辑器将忽略行首和行尾的空白差异。
diffCodeLens
启用或禁用 diff 视图中的 CodeLens 功能。CodeLens 在代码上方显示一些上下文信息,例如函数被引用的次数。
emptySelectionClipboard
在某些平台(如 macOS),即使没有选择文本,也允许从剪贴板复制当前行。
disableMonospaceOptimizations
用于禁用针对等宽字体的优化。
diffAlgorithm
指定计算代码差异时使用的算法。不同的算法可能在性能和差异精度上有所不同。
lineNumbers
此选项用于配置如何显示行号。您可以选择始终显示行号、从不显示,或者仅在某些条件下显示(如悬停时)。
experimentalWhitespaceRendering
用于控制空白字符(如空格和制表符)的渲染方式。当启用时,它可能会以不同的方式显示这些空白字符,以提高代码的可读性。
find
这个配置提供了查找功能的各种设置,例如是否区分大小写、是否只查找整个单词等。
mouseWheelZoom
通过鼠标滚轮来缩放编辑器中的文本。
minimap
控制编辑器右侧的小地图显示。
maxComputationTime
设置某些编辑器操作(如代码格式化)的最大计算时间。如果操作超过此时间限制,它可能会被取消,以防止影响编辑器性能。
fixedOverflowWidgets
当设置为 true 时,溢出的小部件(如自动完成或悬浮提示)将固定在编辑器内,而不是溢出到编辑器外部。
maxFileSize
定义编辑器可以处理的最大文件大小。对于超过此大小的文件,编辑器可能不会加载或只加载部分内容。
mouseWheelScrollSensitivity
设置使用鼠标滚轮滚动时的灵敏度。
extraEditorClassName
为编辑器添加额外的 CSS 类名。这对于自定义编辑器的样式非常有用,比如改变背景颜色、字体样式等。
lineDecorationsWidth
设置行装饰的宽度。行装饰通常是指行号旁边的额外元素或标记,如断点标记。此配置允许您调整这些装饰的显示宽度。
gotoLocation
这个选项用于配置在使用“转到定义”和类似功能时的行为。例如,它可以决定是在当前编辑器中打开定义,还是在一个新的编辑器标签中打开。
linkedEditing
如果启用,允许在编辑一个标识符时自动重命名与其匹配的相关标识符。这对于重构代码时非常有用。
letterSpacing
调整字符间距,可以帮助提高代码的可读性,特别是在处理密集的代码时。
hideUnchangedRegions
在Diff编辑器中,这个选项可以隐藏未更改的区域,仅突出显示有差异的部分,从而使比较更加清晰。
matchBrackets
启用时,编辑器会高亮显示匹配的括号。这对于编程时识别配对的括号非常有帮助。
fastScrollSensitivity
调整滚动速度的灵敏度,尤其是在使用快速滚动(如触控板或滚轮)时。数值越大,滚动越快。
links
此选项启用或禁用在编辑器中自动检测和使链接可点击。开启后,编辑器会识别文本中的URL,并允许用户通过点击它们来打开链接。
isInEmbeddedEditor
如果编辑器是作为另一个组件的一部分嵌入的,则此选项应该被设置为 true。
guides
控制编辑器中的辅助线,例如缩进指导线,这有助于更好地理解代码的结构。
mouseStyle
定义编辑器中的鼠标样式,例如是传统的文本光标还是其他类型的指示器。
formatOnType
每次输入时都会自动格式化当前的行。
multiCursorLimit
控制在编辑器中可以拥有的多光标数量的上限。这对于同时编辑多个位置的代码非常有用。
lineNumbersMinChars
设置行号区域的最小宽度,以字符数为单位。这可以确保即使在有大量行的文件中,行号也不会被挤压。
lightbulb
启用或禁用编辑器中的代码动作灯泡。代码动作灯泡是一种UI元素,它在代码中出现潜在的动作或修正时显示,例如快速修正或重构的建议。
matchOnWordStartOnly
在进行代码补全时,此设置决定是否仅在单词开始处匹配建议。
inlayHints
提供内联提示,例如类型信息或参数名称,这有助于在不打断阅读流的情况下提供额外信息。
multiCursorMergeOverlapping
当设置为 true 时,如果多个光标重叠,它们会自动合并为一个光标。这有助于避免在同一位置重复编辑。
formatOnPaste
粘贴的内容将根据编辑器的格式化规则进行自动格式化。
hover
当鼠标悬停在代码上时是否显示悬浮提示
multiCursorPaste
当设置为 "spread" 时,复制的文本将在每个光标处分别粘贴。这对于同时在多个位置粘贴相同的文本非常有用。
multiCursorModifier
定义了哪个键用来添加多个光标。常见的值包括 "alt", "ctrlCmd", "meta" 等
occurrencesHighlight
编辑器会高亮显示当前选中文本的所有出现(occurrences)。这对于快速找到和修改代码中的重复部分非常有用。
originalAriaLabel
当设置为 true 时,允许用户编辑 Diff Editor 中的“原始”(左侧)面板。这对于直接在对比视图中修改代码非常有用。
overviewRulerBorder
设置为 false 时,将不显示在概览尺子(一种用于快速导航的小型条形图)周围的边框。
overflowWidgetsDomNode
允许开发者指定一个 DOM 节点,用于放置编辑器的浮动小部件(如建议或参数提示)。这可以帮助管理这些小部件的位置和渲染。
padding
允许在编辑器的内容周围添加内边距,从而提高阅读体验。
overviewRulerLanes
这个选项指定概览尺子中的“车道”数量,这影响用户可以在概览尺子上看到多少种不同类型的标记。
parameterHints
当设置为 true 时,编辑器会显示参数提示,这对于编程时查看函数或方法的参数非常有用。
readOnlyMessage
当编辑器处于只读模式时,尝试修改内容会显示的消息。这可以用来向用户解释为什么他们不能编辑文本。
readOnly
如果设置为 true,编辑器处于只读模式,用户无法修改内容
quickSuggestionsDelay
此设置控制在用户停止输入后,多久显示快速建议的延迟时间(以毫秒为单位)。这可以帮助控制自动完成建议的反应速度。
peekWidgetDefaultFocus
这个配置决定了当打开 peek widget(例如,当你查看函数定义或引用时出现的一个小窗口)时,焦点默认放在哪里。可以设置为放在 peek widget 的编辑器上或是其它的 UI 元素上。
renameOnType
允许用户在重命名符号时立即看到名称更改的效果。
pasteAs
允许用户定义粘贴操作的行为,例如将文本粘贴为引用或代码块等。
quickSuggestions
这个设置控制是否在用户键入时自动显示建议(例如,代码自动完成)。可以设置为总是打开、关闭或在特定情况下打开(如注释内或字符串内)
renderLineHighlight
这个选项控制当前行是否高亮显示。可以设置为始终高亮、仅在焦点在编辑器时高亮,或完全不高亮。
roundedSelection
当设置为 true 时,选中文本的高亮区域会有圆角边界,而不是标准的直角边界。
scrollBeyondLastColumn
此设置允许用户水平滚动超过最后一列的一定数量的空间。
renderFinalNewline
确定编辑器是否渲染最后一行的换行符。如果设置为 true,即使最后一行后面没有内容,编辑器也会显示一个额外的空行。
scrollBeyondLastLine
用户可以垂直滚动超出文档的最后一行,提供更多的阅读空间。
renderIndicators
这个设置通常用于显示额外的指示器,例如,断点或错误标记。它使编辑器能夠渲染这些指示器,通常用于调试场景。
renderSideBySide
在Diff编辑器中,这个选项控制是否以并排方式显示两个版本的文件。如果关闭,则两个版本将合并在一个视图中显示。
renderMarginRevertIcon
在Diff编辑器中,这个设置控制是否显示用于还原更改的图标。这个图标出现在两个版本的代码差异旁边,允许用户快速还原更改。
revealHorizontalRightPadding
此配置用于控制编辑器右侧的额外填充空间,确保水平滚动时行的末尾不会紧贴滚动条。
scrollbar
这个配置提供对编辑器滚动条的详细控制,包括尺寸、可见性和行为。
renderValidationDecorations
此设置控制是否显示验证装饰,例如在代码中显示错误和警告。
renderLineHighlightOnlyWhenFocus
当设置为 true 时,只有当编辑器处于焦点状态时,当前行才会高亮显示。
renderControlCharacters
如果设置为 true,控制字符(例如换行符或制表符)会在编辑器中可视化显示。
renderOverviewRuler
设置是否渲染概览标尺,这是一个在编辑器旁边显示的缩略图,用于提供代码的视觉概览,包括错误、警告等。
scrollPredominantAxis
当启用时,如果同时进行垂直和水平滚动,编辑器将只滚动主要轴(垂直或水平),这有助于减少意外的对角滚动。
renderWhitespace
控制编辑器是否显示空白字符(如空格、制表符)。可以设置为始终显示、仅在选中文本时显示,或完全不显示。
rulers
在编辑器中添加垂直尺标,常用于标示行宽或对齐代码。可以设置一个或多个像素值,表示在哪些列位置显示这些尺标。
renderSideBySideInlineBreakpoint
在并排Diff模式中,这个选项控制是否在断点处以内联方式显示代码的更改。
showDeprecated
启用后,编辑器会以不同的方式显示已弃用的代码,通常是通过划线表示。
selectionClipboard
此选项在 Linux 系统中特别有用,它允许从选择的文本中与 X11 选择剪贴板进行交互。
showFoldingControls
控制何时显示代码折叠控件。例如,仅当鼠标悬停在装订线上时显示。
selectOnLineNumbers
点击行号时会选择整行文本
smoothScrolling
当启用时,滚动操作会更平滑,不会立即跳转到新位置,而是有一个过渡的动画效果。
smartSelect
此功能扩展编辑器的选择功能,例如,智能选择可以根据代码结构选择整个括号内的内容。
showUnused
启用此选项会突出显示未使用的代码,帮助开发者识别可能不必要的代码部分。
selectionHighlight
当启用时,编辑器会高亮显示与当前选中文本相同的其他文本。
stickyScroll
当启用时,滚动编辑器时会有一种"粘性"效果,意味着某些部分(如标题栏)可能会保持在视图的顶部。
splitViewDefaultRatio
这个设置用于控制在分割视图模式下,两个编辑器面板的默认宽度比例。它是一个介于0到1之间的数字,表示左侧面板相对于右侧面板的宽度比例。
stopRenderingLineAfter
设置每行渲染字符的最大数目。超过这个数目的字符将不会被渲染。这对于性能优化很有用,特别是在处理非常长的行时。
suggest
控制智能提示的整体行为,例如是否自动显示建议,以及如何处理键盘快捷键等。
suggestFontSize
设置智能提示菜单中字体的大小。
stickyTabStops
这个选项模拟制表符的行为,使得在空白区域按Tab键时,光标移动的像在有字符的行一样。这对于代码对齐等情况很有帮助。
suggestOnTriggerCharacters
控制是否在输入特定触发字符时自动显示建议。例如,输入"."时可能会触发方法或属性的建议。
suggestSelection
设置在打开建议列表时如何选择建议项,例如"first"、"recentlyUsed"或"recentlyUsedByPrefix"。
snippetSuggestions
此选项控制代码片段建议在自动完成菜单中的显示位置。它可以设置为"top"、"bottom"、"inline"或"none",分别表示代码片段建议出现在菜单顶部、底部、与其他建议混合或不显示。
suggestLineHeight
设置智能提示菜单中每行建议的行高。
useTabStops
此配置控制是否在缩进时使用制表位(tab stops)。启用后,制表键将按照固定的制表位移动光标。
unusualLineTerminators
用于检测和处理异常的行终止符。在某些情况下,例如非标准的换行符可能会导致问题,该设置有助于发现并解决这些问题。
useShadowDOM
这个配置决定了Monaco Editor是否使用Shadow DOM。Shadow DOM 允许隔离样式和脚本,避免与页面上的其他元素冲突。
unicodeHighlight
用于高亮显示可能导致问题或混淆的Unicode字符。例如,某些看起来相似但不同的字符,或者可能不可见的字符。
useInlineViewWhenSpaceIsLimited
当空间受限时,此配置决定是否使用内联视图。内联视图是一种紧凑的Diff视图模式,适用于屏幕空间有限的情况。
unfoldOnClickAfterEndOfLine
当启用时,点击行末尾的空白处会展开折叠的代码行。这提供了一种快速查看折叠代码的方法。
theme
设置编辑器的主题,例如"vs"(亮色主题)、"vs-dark"(暗色主题)或"hc-black"(高对比度黑色主题)。
tabCompletion
设置是否启用制表符自动完成功能,它可以帮助自动完成代码片段或其他常用结构。
tabIndex
设置编辑器的HTML元素的tab索引,控制使用Tab键在页面元素间导航时编辑器的位置。
tabFocusMode
当启用时,Tab键只用于插入制表符,不用于焦点移动。
wrappingIndent
控制换行后的缩进方式。可选项包括“none”(无缩进)、“same”(与上一行相同缩进)、“indent”(增加一级缩进)等。
wrappingStrategy
定义换行策略,如“simple”(基本换行)或“advanced”(考虑到字体和其他因素的高级换行)。