codeEditor 源码编辑器

在线示例

codeEditor 是一个用于展示或输入源代码的组件。

codeEditor 是一个多行文本域，提供代码高亮显示、打印边距以及带有行号的侧边栏。

  • XML 元素：codeEditor

  • Java 类：CodeEditor

基本用法

codeEditor 的示例：

<codeEditor id="codeEditor"
            mode="XML"
            width="50%"/>
code editor basics

XML 属性

id - classNames - colspan - dataContainer - enabled - errorMessage - fontSize - height - helperText - highlightActiveLine - invalid - label - maxHeight - maxWidth - minHeight - minWidth - mode - printMarginColumn - property - readOnly - required - requiredIndicatorVisible - requiredMessage - showGutter - showLineNumbers - showPrintMargin - tabIndex - theme - title - visible - width

fontSize

MDN

设置编辑器内源代码的字体大小。默认 1rem。

highlightActiveLine

设置是否高亮当前行。默认启用。

mode

设置语法高亮的模式。支持的模式由 CodeEditorMode 枚举定义。

默认语法高亮模式是 CodeEditorMode.PLAIN_TEXT。

printMarginColumn

设置代码宽度垂直线的位置。默认 80。

showGutter

设置侧边栏的可见性。默认可见。

showLineNumbers

设置行号的可见性。默认可见。

showPrintMargin

设置代码宽度垂直线的可见性。默认可见。

theme

设置 codeEditor 的可视化主题。支持的主题由 CodeEditorTheme 枚举定义。

默认的主题为 CodeEditorTheme.TEXTMATE。

事件和处理器

AttachEvent - BlurEvent - ClientValidatedEvent - ComponentValueChangeEvent - CompositionEndEvent - CompositionStartEvent - CompositionUpdateEvent - DetachEvent - FocusEvent - InputEvent - KeyDownEvent - KeyPressEvent - KeyUpEvent - statusChangeHandler - validator

在 Jmix Studio 生成处理器桩代码时，可以使用 Jmix UI 组件面板的 Handlers 标签页或者视图类顶部面板的 Generate Handler 添加，也可以通过 Code → Generate 菜单（Alt+Insert / Cmd+N）生成。

XML 内部元素

tooltip - validator