Edición HTML
Esta ayuda explica el Modo HTML del editor de páginas y publicaciones de blog. Le permite editar directamente el código HTML del contenido en lugar de usar el editor visual.
El Modo HTML es una función avanzada para usuarios con conocimientos técnicos. Si nunca trabajó con código HTML, recomendamos quedarse en el editor visual.
Acceso al Modo HTML
Desde el editor de cualquier página o publicación del blog, dentro de la solapa Edición de contenido:
- En la barra de herramientas superior, ubique el botón
</>(último grupo de íconos). - Presione el botón. Aparece un aviso de confirmación con una advertencia.
- Presione Aceptar para entrar al Modo HTML.
El editor cambia a un fondo oscuro con texto monoespaciado (similar a un editor de código). En este modo puede ver y editar todo el código HTML del contenido.
Volver al editor visual
Para volver al editor visual, presione el botón </> otra vez. Aparece otra confirmación: presione Aceptar para volver.
Su código HTML se preserva al cambiar de modo y al guardar, incluso si incluye elementos que el editor visual no muestra:
<div class="...">con clases personalizadas<script>para tracking, formularios externos, widgets- Atributos
data-*y otros no estándar - Estructuras complejas (tablas, iframes, embeds)
Estos elementos se guardan correctamente al presionar Guardar, aunque no aparezcan en pantalla cuando alterna al editor visual. Esto es intencional: el editor visual solo muestra lo que entiende, pero el código fuente queda intacto.
Para qué sirve el Modo HTML
El editor visual cubre la mayoría de los casos (negritas, listas, encabezados, links, imágenes), pero hay funciones que solo se pueden agregar mediante código HTML:
- Videos de Youtube, Vimeo u otras plataformas — pegando el código
<iframe>de embed. - Mapas de Google Maps — pegando el código
<iframe>de embed. - Formularios externos (encuestas, captación, contacto avanzado) — pegando el código embed del proveedor.
- Alineación de texto, colores y tamaños de fuente personalizados — usando atributos
style="...". - Links sobre imágenes (foto clickeable) — combinando
<a>con<img>. - Tablas complejas.
Tutoriales relacionados
Estos tutoriales muestran ejemplos prácticos de Modo HTML para tareas específicas:
Aprender HTML básico
Si quiere aprender los fundamentos de HTML, hay muchos recursos gratuitos en español:
- MDN Web Docs — Aprender HTML (Mozilla, recomendado).
- HTML.com — Tutorial básico (en inglés, muy práctico).
- Busque en Google "curso de HTML básico" — hay videos y guías paso a paso.
No necesita aprender HTML completo para usar este modo. Para casos típicos (insertar un video, un mapa, un formulario), basta con copiar el código embed que le da la plataforma de origen (Youtube, Google Maps, Typeform, etc.) y pegarlo en el Modo HTML donde corresponda.