Éditeur

Un composant éditeur de texte pour les applications universelles.

Le composant éditeur est basé sur Editor.js. Il s'agit d'un éditeur par blocs qui accepte du texte, des liens, des listes, du code et des images.

Lorsque vous travaillez avec l'éditeur, vous pouvez recevoir des données sur le document actuel via le paramètre OnChange. Par défaut, les données sont retournées au format JSON d'Editor.js.

Créer un éditeur

Pour créer un éditeur de base, utilisez le cmdlet New-UDEditor.

New-UDEditor

L'éditeur sera disponible et vous pourrez ajouter de nouveaux blocs en cliquant sur le bouton plus.

Travailler avec les données

Si vous définissez un bloc de script pour le gestionnaire d'événements -OnChange, la variable $EventData contiendra l'état actuel de l'éditeur. Par défaut, cela retourne le format de blocs JSON d'Editor.JS.

New-UDEditor -OnChange {
    Show-UDToast $EventData
}

Vous pouvez également utiliser le plugin de rendu HTML en spécifiant le paramètre -Format.

New-UDEditor -OnChange {
    Show-UDToast $EventData
} -Format 'html'

Pour spécifier les données par défaut de l'éditeur, utilisez le paramètre -Data. Vous devez spécifier le format de blocs JSON.

New-UDEditor -Data $Data

Prise en charge des images

Pour prendre en charge les images, vous devez fournir un dossier publié dans lequel téléverser les images. Une fois qu'un dossier publié est défini, les images peuvent être téléversées directement dans l'éditeur. Elles seront placées dans le répertoire puis servies via le chemin de requête.

New-UDEditor -PublishedFolder 'MyImages'

API

New-UDEditor

Name	Type	Description	Required
Id	string	L'identifiant de ce composant.
Data	Hashtable	Les données Editor.JS pour ce composant.
OnChange	ScriptBlock	Le gestionnaire d'événements de bloc de script à appeler lorsque les données de l'éditeur changent.
Format	string	Indique si json ou html doit être retourné dans le bloc de script OnChange.