Editor di codice

Il componente editor di codice consente di ospitare l'editor Microsoft Monaco all'interno delle sue dashboard.

Creazione di un editor di codice

È possibile creare un nuovo editor di codice con il cmdlet New-UDCodeEditor. Specificando il parametro -Language si abiliterà l'evidenziazione della sintassi per quel linguaggio. Sarà necessario specificare un'altezza in pixel.

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

Popolamento del codice

Utilizzi il parametro -Code per specificare il codice che verrà popolato all'interno dell'editor di codice al caricamento.

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

Recupero del codice da un altro componente

È possibile recuperare il codice da un altro componente utilizzando il cmdlet Get-UDElement e accedendo alla proprietà code della hashtable restituita.

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
}

Impostazione del codice da un altro componente

È possibile impostare il codice da un altro componente utilizzando il cmdlet Set-UDElement. Specifichi il valore del codice in una hashtable passata al parametro -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!"
    }
}

Opzioni

L'editor Monaco supporta un'ampia gamma di opzioni. Se desidera utilizzare opzioni non disponibili nel cmdlet New-UDCodeEditor, può utilizzare il parametro -Options e passare invece una hashtable di opzioni.

Per un elenco completo delle opzioni, consulti l'interfaccia IEditorConsturctionOptions.

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

API

• New-UDCodeEditor