Éditeur de code

Composant éditeur de code pour les applications Universal.

Le composant éditeur de code vous permet d'héberger l'éditeur Microsoft Monaco dans vos tableaux de bord.

Création d'un éditeur de code

Vous pouvez créer un nouvel éditeur de code avec le cmdlet New-UDCodeEditor. La spécification du paramètre -Language activera la coloration syntaxique pour ce langage. Vous devez spécifier une hauteur en pixels.

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

Remplissage du code

Utilisez le paramètre -Code pour spécifier le code qui sera affiché dans l'éditeur de code au chargement.

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

Récupération du code depuis un autre composant

Vous pouvez récupérer le code depuis un autre composant en utilisant le cmdlet Get-UDElement et en accédant à la propriété code de la table de hachage retournée.

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
}

Définition du code depuis un autre composant

Vous pouvez définir le code depuis un autre composant en utilisant le cmdlet Set-UDElement. Spécifiez la valeur du code dans une table de hachage passée au paramètre -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!"
    }
}

Options

L'éditeur Monaco prend en charge un large éventail d'options. Si vous souhaitez utiliser des options qui ne sont pas disponibles sur le cmdlet New-UDCodeEditor, vous pouvez utiliser le paramètre -Options et passer une table de hachage d'options à la place.

Pour une liste complète des options, consultez l'interface IEditorConsturctionOptions.

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

API

• New-UDCodeEditor