Éditeur

Le composant d'éditeur est basé sur Editor.js. Il s'agit d'un éditeur de 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 dans le format JSON d'Editor.js.

Créer un éditeur

Pour créer un éditeur de base, utilisez l'applet de commande 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énement -OnChange, la variable $EventData contiendra l'état actuel de l'éditeur. Par défaut, cela retourne le format de bloc JSON d'Editor.JS.

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

Vous pouvez également utiliser le module d'extension 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 bloc JSON.

New-UDEditor -Data $Data

Prise en charge des images

Afin de prendre en charge les images, vous devrez fournir un dossier publié dans lequel téléverser les images. Une fois un dossier publié 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

Nom	Type	Description	Requis
Id	string	L'ID de ce composant.
Data	Hashtable	Les données Editor.JS de ce composant
OnChange	ScriptBlock	Le bloc de script gestionnaire d'événement à appeler lorsque les données de l'éditeur changent.
Format	string	Indique s'il faut retourner du json ou du html dans le bloc de script OnChange.