CodeEditor (Редактор кода)

Редактор Monaco: подсветка, автодополнение, номера строк.

Специфичные методы CodeEditor

Метод	Аргумент	Описание
label(v)	string	Подпись над редактором.
value(v)	string	Текст в редакторе. Значение по умолчанию: ''
readOnly(v)	boolean	Режим только чтения при true. Значение по умолчанию: false
onChange(v)	CallbackFunction	Обработчик изменения кода.

Базовые методы (наследуются от UIComponent)

Пример использования

// Редактор кода Monaco
const { ui, createState } = PotokSDK;
const state = createState({ code: "console.log('Привет, мир!');" });

function draw() {
  ui.render(
    VStack()
      .spacing(12)
      .child(
        CodeEditor("js-editor")
          .label("Редактор скриптов")
          .value(state.code)
          .readOnly(false)
          .onChange((v) => state.code = v)
      )
  );
}
state.$subscribe(draw); draw();

Запустить в Sandbox