> ## Documentation Index
> Fetch the complete documentation index at: https://hfh-d7a4d643-mintlify-d7bc03a0.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Descripción general del editor

> Cree, edite y publique contenido en su navegador con colaboración en equipo en tiempo real, guardado automático, vistas previas en vivo y sincronización continua con Git.

<Card title="¿Es nuevo en el editor? Empiece con el tutorial." icon="graduation-cap" horizontal href="/es/editor/tutorial">
  Un recorrido paso a paso: cree una branch, haga un cambio, comparta una vista previa y publique.
</Card>

<div id="how-the-editor-works">
  ## Cómo funciona el editor
</div>

**Los cambios se guardan automáticamente.** A medida que escribe, el editor guarda su borrador. Su trabajo persiste entre pestañas, dispositivos e interrupciones de red. Los cambios solo se publican cuando usted los publica.

**Git se mantiene sincronizado.** Cuando alguien envía cambios a su repositorio desde fuera del editor, esos cambios aparecen automáticamente en el editor. No necesita hacer pull ni actualizar. El editor fusiona los cambios que no entran en conflicto y resalta lo que requiere su atención.

**Publicar escribe en Git.** Cuando publica, el editor confirma sus cambios en su repositorio. En una deployment branch, esto actualiza su sitio en producción de inmediato. En una feature branch, crea una pull request.

**Su equipo edita en conjunto.** Varias personas pueden editar la misma página al mismo tiempo. Los cursores en vivo muestran quién está editando y dónde.

<div id="the-editor-layout">
  ## El diseño del editor
</div>

<Frame>
  <img src="https://mintcdn.com/hfh-d7a4d643-mintlify-d7bc03a0/rF4NcWVn8I-1RBN1/images/editor/editor-layout-light.png?fit=max&auto=format&n=rF4NcWVn8I-1RBN1&q=85&s=a0e837d0d5556fb52dd15c9ce3a459ce" alt="Captura de pantalla del editor que muestra el selector de branch, el botón ask agent, el botón publish, la barra lateral de navegación y la barra superior." className="block dark:hidden" width="2537" height="420" data-path="images/editor/editor-layout-light.png" />

  <img src="https://mintcdn.com/hfh-d7a4d643-mintlify-d7bc03a0/rF4NcWVn8I-1RBN1/images/editor/editor-layout-dark.png?fit=max&auto=format&n=rF4NcWVn8I-1RBN1&q=85&s=d0ccbb74fb5bf662e20f253237cf145a" alt="Captura de pantalla del editor que muestra el selector de branch, el botón ask agent, el botón publish, la barra lateral de navegación y la barra superior." className="hidden dark:block" width="2537" height="420" data-path="images/editor/editor-layout-dark.png" />
</Frame>

* **Barra superior**: Use la barra superior para controlar en qué branch trabaja, acceder al agente, ver una vista previa y publicar los cambios.
* **Barra lateral de navegación**: Seleccione una página para editar, cree nuevas páginas y administre la estructura del sitio.

<div id="explore-the-editor">
  ## Explorar el editor
</div>

<Card title="Branches y publicación" icon="git-branch" horizontal href="/es/editor/branching-and-publishing">
  Cómo las branches y las reglas de protección determinan lo que sucede al publicar, y cómo gestionar el proceso de revisión de pull requests.
</Card>

<Card title="Preguntar al agente" icon="sparkles" horizontal href="/es/editor/agent">
  Edite páginas, busque su contenido, modifique ajustes y configure su sitio desde una interfaz de chat.
</Card>

<Card title="Crear y editar páginas" icon="notebook-pen" horizontal href="/es/editor/pages">
  Añada páginas nuevas y actualice las existentes.
</Card>

<Card title="Organizar la navegación" icon="list-tree" horizontal href="/es/editor/navigation">
  Reordene las páginas y administre la estructura del sitio.
</Card>

<Card title="Configuraciones" icon="settings" horizontal href="/es/editor/configurations">
  Configure la marca, los colores y las funciones de su sitio.
</Card>

<Card title="Atajos de teclado" icon="keyboard" horizontal href="/es/editor/keyboard-shortcuts">
  Ahorre tiempo con atajos de teclado.
</Card>