Editor de código

El componente editor de código le permite alojar el editor Microsoft Monaco dentro de sus paneles.

Crear un editor de código

Puede crear un nuevo editor de código con el cmdlet New-UDCodeEditor. Al especificar el parámetro -Language se habilitará el resaltado de sintaxis para ese lenguaje. Deberá especificar una altura en píxeles.

New-UDCodeEditor -Height '500' -Language 'powershell'

Rellenar código

Utilice el parámetro -Code para especificar el código que se rellenará dentro del editor de código cuando se cargue.

New-UDCodeEditor -Height '500' -Language 'powershell' -Code '#Hello, world!'

Recuperar código desde otro componente

Puede recuperar código desde otro componente utilizando el cmdlet Get-UDElement y accediendo a la propiedad code de la tabla hash que se devuelve.

New-UDCodeEditor -Height '500' -Language 'powershell' -Code '#Hello, world!' -Id 'editor'

New-UDButton -Text 'Get Code' -OnClick {
    Show-UDToast -Message (Get-UDElement -id 'editor').Code
}

Establecer código desde otro componente

Puede establecer código desde otro componente utilizando el cmdlet Set-UDElement. Especifique el valor de code en una tabla hash pasada al parámetro -Properties.

New-UDCodeEditor -Height '500' -Language 'powershell' -Code '#Hello, world!' -Id 'editor'

New-UDButton -Text 'Get Code' -OnClick {
    Set-UDElement -Id 'editor' -Properties @{
        code = "# Hello!"
    }
}

Opciones

El editor Monaco admite una amplia variedad de opciones. Si desea utilizar opciones que no están disponibles en el cmdlet New-UDCodeEditor, puede utilizar el parámetro -Options y pasar una tabla hash de opciones en su lugar.

Para obtener una lista completa de opciones, consulte la interfaz IEditorConsturctionOptions.

New-UDCodeEditor -Language powershell -Height 100 -Options @{ fontSize = 10 }

API

• New-UDCodeEditor