# Descripción general del editor (/es/editor)

<!-- agent-signals: reading_time_min: 6 · est_tokens: 2628 · updated: 2026-09-23 -->

<Card title="¿Es nuevo en el editor? Empiece por el tutorial." icon="<svg xmlns=&#x22;http://www.w3.org/2000/svg&#x22; viewBox=&#x22;0 0 24 24&#x22; fill=&#x22;none&#x22;><path d=&#x22;M22 9V15&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M18 12V15.0669C18 16.1333 18 16.6665 17.737 17.1071L17.7316 17.1159C17.4661 17.5551 16.9843 17.8238 16.0206 18.3611C14.0645 19.4518 13.0864 19.9972 12.0109 20H11.9891C10.9136 19.9972 9.93551 19.4518 7.97941 18.3611C7.01574 17.8238 6.53391 17.5551 6.2684 17.1159L6.26305 17.1071C6 16.6665 6 16.1333 6 15.0669V12&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M8.52143 5.22252L4.40645 7.2074C2.80215 7.98124 2 8.36816 2 8.99125C2 9.61434 2.80215 10.0013 4.40645 10.7751L8.598 12.7969C10.2608 13.599 11.0922 14 11.9816 14C12.8711 14 13.7025 13.599 15.3653 12.7969L19.6386 10.7356C21.2141 9.97571 22.0018 9.59575 22 8.97064C21.9982 8.34553 21.2146 7.97321 19.6473 7.22857C18.2179 6.5494 16.8685 5.92516 15.433 5.24184C13.6907 4.41243 12.8195 3.99772 11.9353 4.00001C11.0512 4.00229 10.2079 4.40904 8.52143 5.22252Z&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/></svg>" href="/es/editor/tutorial">
  Cree una branch, haga un cambio, comparta una vista previa y publique.
</Card>

Use el editor para escribir y publicar documentación en su navegador. El editor usa un flujo de trabajo docs-as-code en el que Git respalda todos sus cambios. Su trabajo se guarda como commits en su repositorio y el editor gestiona las operaciones de Git por usted.

El editor se carga de forma predeterminada cuando abre su [dashboard](https://app.mintlify.com). Cualquier miembro de su organización puede abrirlo, pero ciertas acciones dependen de su [rol](/es/dashboard/roles). Los admins y editors pueden editar y publicar. Los viewers pueden explorar el contenido y dejar [comentarios y sugerencias](/es/editor/collaborate).

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

**Los cambios se guardan automáticamente, pero guardar es distinto de publicar.** A medida que escribe, el editor almacena su trabajo. Sus cambios persisten entre pestañas, dispositivos e interrupciones de red. Para que un cambio llegue a su sitio publicado, debe [publicarlo](/es/editor/publish).

**Publicar escribe en Git.** Cuando publica, el editor hace commit de sus cambios en su repositorio. Si publica en su deployment branch, su sitio publicado se actualiza de inmediato. En una feature branch, sus ediciones se hacen commit automáticamente en la branch y se abre una pull request para su revisión. Nada de lo que hay en una feature branch llega a su sitio publicado hasta que hace merge en su deployment branch.

**Git se mantiene sincronizado.** Cuando alguien hace push a su repositorio, esos cambios aparecen automáticamente. No necesita hacer pull ni actualizar la página. El editor combina los cambios que no entran en conflicto y señala todo lo que requiere su atención.

**Su equipo edita en conjunto.** Varias personas pueden editar la misma página a la vez, con cursores en vivo que muestran quién trabaja en cada parte. Los comentarios y las sugerencias son visibles para todos.

<Tip>
  Si el editor alguna vez parece estar desincronizado con su repositorio, use [Restablecer editor](/es/editor/settings#reset-editor) para forzar una resincronización.
</Tip>

<div id="editor-layout">
  ## Diseño del editor [#diseño-del-editor]
</div>

<Frame>
  <img src="/_assets/941c0fc71fcdefe2624848a0026d70aaae6bf64574fc1080df3f10372cceccfb" alt="Captura de pantalla del editor con la pestaña Site seleccionada." className="dark:hidden" />

  <img src="/_assets/f3bbe6e3f0fc4e59421abe42f1ab3bbe7a5b2556576a57902b54755949388f6d" alt="Captura de pantalla del editor con la pestaña Site seleccionada." className="hidden dark:block" />
</Frame>

* **Barra superior**: Abra el agente con **Ask agent**. En la pestaña **Site**, la barra superior también tiene el selector de branch, **Preview** y **Publish**. En la pestaña **Workspace**, tiene **Share**. Haga clic en <Icon icon="<svg xmlns=&#x22;http://www.w3.org/2000/svg&#x22; viewBox=&#x22;0 0 24 24&#x22; fill=&#x22;none&#x22;><path d=&#x22;M12 12.002H12.5M19 12.002H19.5M5 12.002H5.5M12 13.002C12.5523 13.002 13 12.5542 13 12.002C13 11.4497 12.5523 11.002 12 11.002C11.4477 11.002 11 11.4497 11 12.002C11 12.5542 11.4477 13.002 12 13.002ZM19 13.002C19.5523 13.002 20 12.5542 20 12.002C20 11.4497 19.5523 11.002 19 11.002C18.4477 11.002 18 11.4497 18 12.002C18 12.5542 18.4477 13.002 19 13.002ZM5 13.002C5.55228 13.002 6 12.5542 6 12.002C6 11.4497 5.55228 11.002 5 11.002C4.44772 11.002 4 11.4497 4 12.002C4 12.5542 4.44772 13.002 5 13.002Z&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/></svg>" /> **More options** para acciones de página como **Page settings**, **Comments**, **Version history**, **Duplicate** y **Move to**.
* **Barra lateral**: Use la barra lateral para seleccionar páginas que editar, crear páginas nuevas y gestionar la estructura de su sitio. Presione <kbd>Ctrl</kbd> + <kbd>\\</kbd> (macOS y Windows) para mostrarla u ocultarla. Presione <kbd>Cmd</kbd> + <kbd>K</kbd> (macOS) o <kbd>Ctrl</kbd> + <kbd>K</kbd> (Windows) para buscar en sus páginas y en el dashboard.
  * **Workspace**: Páginas que no forman parte de su repositorio de Git ni de su sitio publicado. **Personal** contiene sus borradores privados, **Teamspace** contiene páginas compartidas con toda su organización y **Shared with me** contiene páginas que sus compañeros han compartido con usted directamente.
  * **Site**: Su repositorio y su sitio publicado. **Navigation** contiene las páginas de la navegación de su sitio. **Files** enumera los archivos de su repositorio que no están en la navegación.

<div id="visual-and-source-mode">
  ## Modo visual y modo source [#modo-visual-y-modo-source]
</div>

**El modo visual** representa su página a medida que escribe. Presione <kbd>/</kbd> para abrir el menú de componentes e insertar componentes.

**El modo source** le da acceso directo al MDX, con números de línea. Úselo para tener control preciso sobre las propiedades de los componentes y el frontmatter. Escriba <kbd>\<</kbd> para acceder a los componentes. Presione <kbd>Cmd</kbd> + <kbd>S</kbd> (macOS) o <kbd>Ctrl</kbd> + <kbd>S</kbd> (Windows) para dar formato al documento. Si un solo cambio modifica más de 1.000 caracteres, el editor le pide que lo confirme.

Ambos modos editan el mismo archivo y admiten la [colaboración en tiempo real](/es/editor/collaborate#real-time-editing). Cambie entre ellos con <kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd> (macOS) o <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd> (Windows), o con el interruptor **Source mode** en <Icon icon="<svg xmlns=&#x22;http://www.w3.org/2000/svg&#x22; viewBox=&#x22;0 0 24 24&#x22; fill=&#x22;none&#x22;><path d=&#x22;M12 12.002H12.5M19 12.002H19.5M5 12.002H5.5M12 13.002C12.5523 13.002 13 12.5542 13 12.002C13 11.4497 12.5523 11.002 12 11.002C11.4477 11.002 11 11.4497 11 12.002C11 12.5542 11.4477 13.002 12 13.002ZM19 13.002C19.5523 13.002 20 12.5542 20 12.002C20 11.4497 19.5523 11.002 19 11.002C18.4477 11.002 18 11.4497 18 12.002C18 12.5542 18.4477 13.002 19 13.002ZM5 13.002C5.55228 13.002 6 12.5542 6 12.002C6 11.4497 5.55228 11.002 5 11.002C4.44772 11.002 4 11.4497 4 12.002C4 12.5542 4.44772 13.002 5 13.002Z&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/></svg>" /> **More options**. El editor recuerda su elección entre páginas.

Para conocer los componentes que puede insertar, consulte [Componentes](/es/components). Para la sintaxis de MDX, consulte [Dar formato al texto](/es/create/text) y [Dar formato al código](/es/create/code).

<div id="git-concepts">
  ## Conceptos de Git [#conceptos-de-git]
</div>

Entender algunos conceptos de Git le ayuda a aprovechar mejor el editor. Para ver las definiciones de commits, branches, pull requests, merges, conflictos y diffs, consulte [Conceptos de Git para la documentación](/es/guides/git-concepts).

| Acción en el editor                  | Operación de Git                                                                                                                                                      |
| ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Editar una página                    | Se guarda automáticamente. Todavía no hay commit.                                                                                                                     |
| Publicar en su deployment branch     | `git commit` y `git push`. Activa un despliegue.                                                                                                                      |
| Editar en una feature branch         | `git commit` y `git push` en la branch aproximadamente 15 segundos después de que deja de editar. El primer commit abre una pull request contra su deployment branch. |
| Request review                       | Marca la pull request como lista para revisión.                                                                                                                       |
| Merge and publish                    | Hace merge de la pull request y activa un despliegue.                                                                                                                 |
| Crear una branch                     | `git checkout -b <branch-name>`                                                                                                                                       |
| Cambiar de branch                    | `git checkout <branch-name>`                                                                                                                                          |
| Push externo o actualización por CLI | Los cambios entrantes se sincronizan en el editor mediante un merge de tres vías.                                                                                     |