> For the complete documentation index, see [llms.txt](https://docs.airops.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.airops.com/docs/es/acciones/workflow-concepts/workflow-steps/flow/content-comparison.md).

# Comparación de contenido

Paso de comparación de contenido de AirOps: compara visualmente dos versiones HTML con revisión de aceptar/rechazar, para control de calidad editorial, control de calidad de contenido y actualización de contenido en página.

## Paso de comparación de contenido

El paso "Comparación de contenido" te permite comparar visualmente dos fragmentos de contenido HTML y resaltar las diferencias entre ellos. Está diseñado para el control de calidad del contenido, la QA editorial y los flujos de trabajo de actualización de contenido en la página con revisión humana de última milla.

<figure><img src="https://3036434873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX2n5yPRPynbnWuO4SH0M%2Fuploads%2Fgit-blob-7388b5190fc3f7282f0de472f80682b3a6709d79%2FCleanShot%202025-05-26%20at%2012.10.21%402x.png?alt=media" alt=""><figcaption></figcaption></figure>

### ¿Qué es el paso de comparación de contenido?

El paso de comparación de contenido te permite comparar una versión original de contenido HTML con una versión modificada, visualizando claramente adiciones, eliminaciones y cambios. Esto es especialmente valioso cuando necesitas:

* Revisar cambios de contenido sugeridos por IA
* Rastrear ediciones realizadas durante un proceso de revisión de contenido
* Verificar las actualizaciones de contenido antes de publicar
* Mantener el control de calidad sobre las versiones del contenido
* **Realizar flujos de trabajo de actualización de contenido en la página con revisión humana de última milla**

### Cómo configurar el paso de comparación de contenido

#### Contenido original (se requiere HTML)

Especifica el original **contenido HTML** que servirá como base para la comparación. Este campo espera contenido con formato HTML y puede ser:

* Una cadena HTML directa
* La salida de un paso anterior que genera HTML (usando sintaxis Liquid como `{{ step_1.output }}`)
* Contenido HTML recuperado de tu Base de Conocimiento o de una fuente externa

**Importante:** Este campo requiere contenido HTML, no texto plano ni markdown.

#### Contenido actualizado (se requiere HTML)

Especifica el modificado o actualizado **contenido HTML** que se comparará con el original. Al igual que el contenido original, este campo espera HTML y puede ser:

* Una cadena HTML directa
* La salida de un paso anterior que genera HTML (usando sintaxis Liquid como `{{ step_2.output }}`)
* Contenido HTML recuperado de tu Base de Conocimiento o de una fuente externa

**Importante:** Este campo requiere contenido HTML, no texto plano ni markdown.

#### Instrucciones de actualización (opcional: cualquier formato)

Este campo opcional te permite proporcionar contexto sobre por qué se realizaron los cambios. A diferencia de los campos de contenido anteriores, este campo acepta **cualquier formato de texto** (no se requiere HTML). Puedes incluir:

* Motivos de los cambios de contenido
* Instrucciones que se usaron para generar el contenido actualizado
* Notas sobre modificaciones específicas realizadas
* Prompts o directrices de IA que llevaron a los cambios

Cuando se proporciona, AirOps resumirá estos motivos de cambio en la vista final de diferencias, lo que facilita a los revisores entender el contexto detrás de las actualizaciones de contenido.

<figure><img src="https://3036434873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX2n5yPRPynbnWuO4SH0M%2Fuploads%2Fgit-blob-05d784eea6ee98dd9cd4d2fd9f4bfadebbe873ff%2FCleanShot%202025-05-26%20at%2012.11.30%402x.png?alt=media" alt=""><figcaption></figcaption></figure>

### Vista de cuadrícula con diferencia visual (funcionalidad del paso final)

**Cuando la comparación de contenido es el PASO FINAL en tu flujo de trabajo**, la salida de la cuadrícula ofrece una experiencia de revisión mejorada:

1. **Icono de ojo en la columna HTML**: La columna HTML resultante en la cuadrícula mostrará un icono de ojo (👁️) junto a cada fila
2. **Vista diferencial interactiva**: Al hacer clic en el icono de ojo se abre un visor visual de diferencias que muestra:
   * Contenido original con formato tachado para el texto eliminado
   * Contenido nuevo resaltado para las adiciones
   * Un resumen de "Mejora propuesta" (basado en tus Instrucciones de actualización)
   * **Botones Aceptar/Rechazar** para la revisión humana de última milla

{% @arcade/embed url="<https://app.arcade.software/share/bQYAXaaHWv1DalGqq6o6>" flowId="bQYAXaaHWv1DalGqq6o6" %}

Esta función es **particularmente potente para casos de uso de actualización de contenido en la página**, donde necesitas:

* Revisar las mejoras sugeridas por IA al contenido existente
* Mantener el control de calidad antes de publicar las actualizaciones
* Garantizar la coherencia y la precisión de la marca
* Tomar decisiones finales de aceptar/rechazar con el contexto completo

### Mejores prácticas

1. **Usa siempre contenido HTML** para los campos de Contenido original y Contenido actualizado
2. **Coloca la Comparación de contenido como el paso final** en tu flujo de trabajo para aprovechar el visor de diferencias visuales de la cuadrícula
3. **Proporciona instrucciones de actualización claras** para ayudar a los revisores a entender por qué se realizaron los cambios
4. **Úsalo para flujos de trabajo de actualización de contenido** donde la revisión humana de los cambios es crítica antes de publicar

Este paso transforma la comparación de contenido de un proceso técnico en una experiencia de revisión intuitiva y visual que permite a los equipos actualizar y mejorar su contenido con confianza y a escala.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.airops.com/docs/es/acciones/workflow-concepts/workflow-steps/flow/content-comparison.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
