Skip to main content
Version: 1.20.1

codemirror

The <codemirror> tag adds a text field with the code formatting.

Available attributes:

AttributeTypeMandatoryDescription
classStringNSpecify the CSS class name defined in the CSS field of the widget.
isMandatoryBooleanNSet the value to true to make the field mandatory. The default value is false.
isVisibleBooleanNSet the value to false to hide the tag. The default value is true.
labelStringNDescribe the field content by giving it a title.
modelStringYSpecify this attribute to connect the client controller data object. When the model data changes, it is automatically transferred to the data of the client controller.
readOnlyBooleanNSet the value to true to make the field read-only. The default value is false.
styleStringNSpecify the display settings (size, font, color, and others) of the tag elements using the CSS syntax.
valueStringNSpecify the default value for the field.

Example:

codemirror
<codemirror 
model="data.mirror"
label="Code editor"
isMandatory="true"
></codemirror>

The template above adds the following element to the page: