Editor

El componente editor está basado en Editor.js. Es un editor de bloques que acepta texto, enlaces, listas, código e imágenes.

Al trabajar con el editor, puede recibir datos sobre el documento actual mediante el parámetro OnChange. De forma predeterminada, los datos se devuelven en el formato JSON de Editor.js.

Crear un editor

Para crear un editor básico, utilice el cmdlet New-UDEditor.

New-UDEditor

El editor estará disponible y podrá añadir nuevos bloques haciendo clic en el botón más.

Trabajar con datos

Si define un bloque de script para el controlador de eventos -OnChange. La variable $EventData contendrá el estado actual del editor. De forma predeterminada, esto devuelve el formato de bloques JSON de Editor.JS.

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

También puede utilizar el complemento de renderizado HTML especificando el parámetro -Format.

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

Para especificar los datos predeterminados del editor, utilice el parámetro -Data. Debe especificar el formato de bloques JSON.

New-UDEditor -Data $Data

Compatibilidad con imágenes

Para admitir imágenes, deberá proporcionar una carpeta publicada en la que subir las imágenes. Una vez definida una carpeta publicada, las imágenes se pueden subir directamente en el editor. Se colocarán dentro del directorio y luego se servirán a través de la ruta de solicitud.

New-UDEditor -PublishedFolder 'MyImages'

API

New-UDEditor

Nombre	Tipo	Descripción	Obligatorio
Id	string	El ID de este componente.
Data	Hashtable	Los datos de Editor.JS para este componente
OnChange	ScriptBlock	El controlador de eventos de bloque de script que se llamará cuando cambien los datos del editor.
Format	string	Si se debe devolver json o html en el bloque de script OnChange.