---
title: HTML Editor
description: Editor visual del bloque HTML personalizado, con edición en contexto y alineaciones ancha y completa.
sidebar:
  label: HTML Editor
  order: 7
---

HTML Editor mejora el bloque **HTML personalizado** (`core/html`) para que puedas pegar cualquier HTML y dejar que editores y agentes cambien textos e imágenes sin tocar el marcado. Lo instala Plak junto a [WP-MCP](/plugins/wp-mcp) con `plak add --agent` (desde `downloads.plak.io`) y es el que permite a los agentes componer HTML con previsualización y edición en contexto.

## Editar contenido

Con el bloque seleccionado, la barra de herramientas alterna entre **Edit content** y **Edit code**:

- **Editar texto:** el HTML se renderiza en vivo; haz clic en cualquier titular, párrafo, elemento de lista, enlace o botón para editar su texto en su lugar. Selecciona texto para abrir una mini barra con **negrita**, *cursiva* y añadir enlace (se guarda como `<strong>`, `<em>` y `<a>` limpios).
- **Editar imágenes:** haz clic en cualquier `<img>` para reemplazarla desde la Media Library, pegar una URL externa o editar su `alt`.
- **Fondos editables:** las secciones hero con `background-image` en línea (o en un bloque `<style>` dentro del HTML) muestran **Edit background** al pasar el cursor. También puedes etiquetar cualquier elemento con `data-vc-bg` y un `background-image` en línea. Si hay un degradado sobre la foto, solo se sustituye la foto.
- **Editar código:** la vista normal de HTML crudo para pegar o escribir marcado a mano.

## Ancha y completa

Añade las alineaciones **Ancha** y **Completa** al bloque HTML personalizado, para que las secciones a sangre rompan el área de contenido del tema. No cambia el ancho del contenido del bloque: solo permite elegir la alineación. El bloque debe ser hijo directo del área de contenido para que el tema lo expanda.

## Cómo se guarda

El contenido sigue siendo un bloque HTML personalizado nativo: las revisiones y el guardado funcionan exactamente igual que en el core. Editar texto actualiza las palabras; editar una imagen actualiza sus atributos `src` y `alt`. Estructura, clases y estilos no cambian. Los bloques que no editas quedan exactamente como estaban. Solo afecta a `core/html`; el resto de bloques no cambian.

## Operar con Plak y MCP

- **Instalar y actualizar** como cualquier plugin (wp-admin, `plak wp`, dashboard), normalmente junto a WP-MCP vía `plak add --agent` o `plak agent` (ver [Usar plugins](/plugins/usar-plugins)).
- **MCP:** el contenido del bloque se opera con las abilities de Gutenberg (`gutenberg-get-content`, `gutenberg-write-content` y la cola de borradores). Los agentes deben componer con bloques y usar HTML crudo solo de forma intencional (`allow_raw_html: true`). Detalle en [MCP](/cli/mcp).