Editor

Il componente editor è basato su Editor.js. È un editor a blocchi che accetta testo, link, elenchi, codice e immagini.

Quando si lavora con l'editor, è possibile ricevere dati sul documento corrente tramite il parametro OnChange. Per impostazione predefinita, i dati vengono restituiti nel formato JSON di Editor.js.

Creazione di un editor

Per creare un editor di base, utilizzi il cmdlet New-UDEditor.

New-UDEditor

L'editor sarà disponibile e potrà aggiungere nuovi blocchi facendo clic sul pulsante più.

Utilizzo dei dati

Se definisce un blocco di script per il gestore di evento -OnChange. La variabile $EventData conterrà lo stato corrente dell'editor. Per impostazione predefinita, questo restituisce il formato JSON a blocchi di Editor.JS.

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

Può anche utilizzare il plugin di rendering HTML specificando il parametro -Format.

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

Per specificare i dati predefiniti per l'editor, utilizzi il parametro -Data. È necessario specificare il formato JSON a blocchi.

New-UDEditor -Data $Data

Supporto delle immagini

Per supportare le immagini, dovrà fornire una cartella pubblicata in cui caricare le immagini. Una volta definita una cartella pubblicata, le immagini possono essere caricate direttamente nell'editor. Verranno collocate all'interno della directory e quindi servite tramite il percorso della richiesta.

New-UDEditor -PublishedFolder 'MyImages'

API

New-UDEditor

Nome	Tipo	Descrizione	Obbligatorio
Id	string	L'ID di questo componente.
Data	Hashtable	I dati Editor.JS per questo componente
OnChange	ScriptBlock	Il gestore di evento a blocco di script da richiamare quando i dati dell'editor cambiano.
Format	string	Se restituire json o html nel blocco di script OnChange.