DocumentaciónAEM GuidesDocumentación de AEM Guides

Ejemplos

Last update: Tue Jul 23 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Usuario

En este paquete también proporcionamos algunos ejemplos de personalización (disponibles en guides_extension/src). A continuación se muestra una breve descripción de cada uno de ellos.

  1. Menú contextual
    En este ejemplo hemos personalizado el menú contextual file_options, para quitar las opciones Delete y Edit, y reemplazar la opción Duplicate con una opción Download.

  2. Panel izquierdo
    En este ejemplo, hemos personalizado left tab panel para que tenga otro tab titulado "EXTENSIÓN DE PRUEBA", y un tab panel correspondiente con una etiqueta: Test Tab Panel

  3. Panel derecho
    En este ejemplo hemos personalizado right tab panel para que tenga otro tab titulado "EXTENSIÓN DE PRUEBA", y un tab panel correspondiente con una etiqueta: New Tab Panel

  4. Panel Repositorio

  5. Barra de herramientas
    En este ejemplo hemos reemplazado los botones Insert Element, Insert Paragraph, Insert Numbered List, Insert Bulleted List con un solo botón More Insert Options que contiene todos estos elementos.

[Revisar ejemplos de aplicaciones]

  1. Cuadro de herramientas de anotaciones
    AEM En este ejemplo, se ha agregado otro botón al cuadro de herramientas de anotación que abre el tema de revisión actual en la vista de datos de.

  2. Revisar comentario
    En este ejemplo, se ha agregado, reemplazado el nombre de usuario por información de usuario (que consta del nombre completo y el título del comentarista), se ha agregado un ID de comentario único, un icono mailTo y se han agregado campos de entrada para mencionar la gravedad y el motivo del comentario.
    También hemos agregado un botón accept with modification en los comentarios del lado del editor XML que abre un cuadro de diálogo.

  3. Respuesta de comentario
    En este ejemplo hemos añadido, reemplazado el nombre de usuario por información de usuario (que consiste en el nombre completo y el título del comentarista) y añadido un icono mailTo en el encabezado del comentario.

  4. Panel de revisión en línea
    En este archivo, calculamos y asignamos el ID de comentario único, mencionado en los ejemplos Review Comment y Comment Reply.

    • El método setCommentId establece el ID de comentario único para cada comentario según el recuento de comentarios.

    • setUserInfo establece el valor de userInfo, usando el nombre completo y el título de cada comentario.

    • El onNewCommentEvent garantiza que se llame al método setUserInfo para cada comentario o respuesta nuevo.

    • La función updatedProcessComments se ejecuta para cada nuevo evento de comentario y garantiza que se llame a setCommentId si se obtiene un nuevo evento de comentario.

  5. Panel de revisiones de temas: Este archivo amplía el Panel de revisiones en línea para que las personalizaciones agregadas también funcionen en el lado de la aplicación de revisión.

  6. Aceptar con cuadro de diálogo de modificación
    Este es un ejemplo de adición de nuevos widgets a la aplicación. Aquí hemos creado un nuevo cuadro de diálogo, que tiene dos campos de texto de entrada: Revised Text y Adjudicator Comment Rationale

  7. Guardar revisión
    Este es un ejemplo de cómo actualizar un cuadro de diálogo existente. En esta sección agregamos un botón para publicar. Permitimos modificar el contenido del cuadro de diálogo. Consulte su json aquí: save_revision

Aceptar Con Cuadro De Diálogo De Modificación

Este es el panel de revisión antes y después de la personalización:

Panel de revisión;
Aceptar Con Cuadro De Diálogo De Modificación

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178