Personalización del editor universal customizing

Obtenga información acerca de las distintas opciones para personalizar el editor universal y satisfacer las necesidades de los autores de contenido.

TIP
El editor universal también ofrece muchos puntos de extensión que le permiten ampliar su funcionalidad para satisfacer las necesidades de su proyecto.

Uso de etiquetas de configuración de Meta meta-tags

Algunos flujos de trabajo de creación pueden requerir el uso de algunas funciones del editor universal, no de otras. Para admitir estos casos diversos, hay etiquetas meta disponibles para configurar o deshabilitar determinadas funciones o botones del editor.

Desactivación de funciones disable-features

Use esta etiqueta en la sección <head> de la página para deshabilitar una o más características:

<meta name="urn:adobe:aue:config:disable" content="..." />

Si desea deshabilitar varias funciones, proporcione una lista de valores separados por comas.

Los siguientes son los valores compatibles con content, es decir, las características que se pueden deshabilitar con las metaetiquetas.

Valor de contenido
Descripción
publish
Deshabilite toda la funcionalidad publishing, es decir, los botones publicar y cancelar publicación
publish-live
Deshabilitar publicación activa
publish-preview
Deshabilitar la publicación de vista previa (si el servicio de vista previa está disponible)
unpublish
Deshabilitar botón para cancelar la publicación
copy
Deshabilita los botones de copiar y pegar
duplicate
Deshabilita botón duplicado
header-open-page
Deshabilita botón Abrir página
aem-dev-login
Deshabilita botón de inicio de sesión de desarrollador

Definición del modo de editor defining-mode

Puede forzar al editor universal a que se abra en un modo concreto. Utilice esta etiqueta en la sección <head> de la página para forzar el modo de edición:

<meta name="urn:adobe:aue:config:mode" content="..." />

Los siguientes son los valores compatibles con content, es decir, las características que se pueden deshabilitar con las metaetiquetas.

Valor de contenido
Descripción
preview
El editor se abre en modo de vista previa. El icono Vista previa está oculto y el usuario no puede volver al modo de edición.
readonly
El editor se abre en modo de solo lectura. El botón Propiedades y el panel están ocultos. Los detalles están disponibles en el árbol de contenido, pero no se pueden realizar cambios.

Al definir modos mediante metaetiquetas, el usuario no puede anularlos.

URL de vista previa personalizadas custom-preview-urls

Puede especificar una URL de vista previa personalizada mediante una metaconfiguración urn:adobe:aue:config:preview, que se abrirá al hacer clic en el botón Abrir página en la barra de herramientas superior derecha del editor.

Para ello, basta con incluir la URL de vista previa deseada en una metaetiqueta de la aplicación instrumentada como en el siguiente ejemplo.

<meta name="urn:adobe:aue:config:preview" content="https://wknd.site"/>

Cambio del punto final custom-endpoint

Si no desea utilizar el servicio de editor universal, que aloja Adobe, sino su propia versión alojada, puede establecerlo en una metaetiqueta. Consulte el documento Introducción al editor universal en AEM para obtener más información.

Filtrado de componentes filtering-components

Puede restringir los componentes permitidos por contenedor en el editor universal mediante filtros de componente. Consulte el documento Filtrado de componentes para obtener más información.

Mostrar y ocultar condicionalmente componentes en el panel de propiedades conditionally-hide

Aunque un componente o componentes suelen estar disponibles para los autores, puede haber ciertas situaciones en las que no tiene sentido. En estos casos, puede ocultar componentes en el panel de propiedades añadiendo un atributo condition a los campos del modelo de componente.

Las condiciones se pueden definir usando el esquema JsonLogic. Si la condición es verdadera, se muestra el campo. Si la condición es falsa, el campo estará oculto.

Modelo de muestra
code language-json
 {
    "id": "conditionally-revealed-component",
    "fields": [
      {
        "component": "boolean",
        "label": "Shall the text field be revealed?",
        "name": "reveal",
        "valueType": "boolean"
      },
      {
        "component": "text-input",
        "label": "Hidden text field",
        "name": "hidden-text",
        "valueType": "string",
        "condition": { "===": [{"var" : "reveal"}, true] }
      }
    ]
 }
Condición falsa
Campo de texto oculto
Condición verdadera
Campo de texto mostrado

Limitación: Condiciones Dentro De Contenedores De Varios Campos conditions-multi-field-limitation

La resolución de la condición var es absoluta, no relativa a la fila actual. Un(a) var debe ser un(a) fieldName de nivel raíz o, para los campos dentro de un contenedor, debe tener como prefijo el nombre del contenedor containerName|fieldName.

El mismo método no funciona para contenedores múltiples (filas repetibles). El contenido de la fila se indiza en tiempo de ejecución como containerName/0|fieldName, containerName/1|fieldName, etc., pero ese índice no se conoce durante la creación de la condición y cambia a medida que se agregan, eliminan o reordenan las filas. Como resultado, no hay forma de que un autor se dirija a un campo específico dentro de la misma fila, por lo que no se admiten condiciones dentro de contenedores múltiples.

recommendation-more-help
experience-manager-cloud-service-help-main-toc