Code Editor#


../../_images/code-editor.png

Основные сведения#

Code Editor - это специализированный UI-компонент, предназначенный для ввода и отображения программного кода. Он поддерживает различные языки программирования, такие как JavaScript, Python и т.д., и предоставляет функциональные возможности для удобного редактирования кода, но элемент не поддерживает компилятор.

Параметры#

Свойства Компонента:

Группа настроек

Поле настройки

Варианты значений

Назначение

(Общие)

Name

-

Наименование UI Компонента в системе

Common

Disabled

true, false

Отключение элемента

Required

true, false

Обязательность поля для заполнения

Theme

-

Визуальный стиль редактора

Mode

-

Язык программирования

Label

-

Описание поля

Binding

Множественный выбор Catalog

Привязка данных

Events

On value changed

-

Событие изменения значения

On key down

-

Событие при нажатии клавиши

On key up

-

Событие при отпускании клавиши

On focus

-

Событие при фокусировке на элементе

Tab index

-

Целое число

Порядок переключения полей

CSS Свойства:

Группа настроек

Поле настройки

Варианты значений

Назначение

Layout

Width

-

Ширина компонента

Height

-

Высота компонента

Grow

true, false

Растягивание компонента

Margin

-

Внешний отступ

Padding

-

Внутренний отступ

Appearance

CornerRadius

-

Закругление углов

BorderThickness

-

Толщина рамки

Brush

Background

-

Цвет фона

BorderBrush

-

Цвет рамки


Кейсы#

  • Редактирование Кода: Использование для ввода и редактирования программного кода в различных языках программирования.

  • Обучение и Демонстрация: Применение в образовательных и демонстрационных целях для показа примеров кода.

Исключения#

  • Ограничения Функциональности: В зависимости от реализации, может не поддерживать все возможности продвинутых сред разработки.