> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-mintlify-f05786c0.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 el navegador con colaboración en tiempo real, guardado automático, vistas previas en vivo y sincronización 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/mintlify-mintlify-f05786c0/7rXLJYM4m6tc8sU7/images/editor/editor-layout-light.png?fit=max&auto=format&n=7rXLJYM4m6tc8sU7&q=85&s=03c012031dfbe5b584862ef3af0774ae" 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/mintlify-mintlify-f05786c0/7rXLJYM4m6tc8sU7/images/editor/editor-layout-dark.png?fit=max&auto=format&n=7rXLJYM4m6tc8sU7&q=85&s=fec929e969fdd4db1ea086e73bb5d491" 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="Vista previa en vivo" icon="play" horizontal href="/es/editor/live-preview">
  Previsualice su sitio en tiempo real mientras edita, sin esperar a una compilación.
</Card>

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

<Card title="Ajustes" icon="settings" horizontal href="/es/editor/settings">
  Configure las instrucciones de IA y los ajustes predeterminados de publicación para su deployment.
</Card>

<Card title="Conceptos esenciales de Git" icon="git-merge" horizontal href="/es/editor/git-essentials">
  Comprenda los conceptos de Git en los que se basa el editor: branches, commits, pull requests y merges.
</Card>

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