utilix.mx
⌕/
Ver todas →
⌕/

Editor y Visor de Markdown Online — Vista Previa en Tiempo Real

Escribe Markdown y ve la vista previa HTML en tiempo real. Soporta encabezados, negrita, cursiva, listas, código, tablas, links e imágenes. Sin registro, sin instalación.

16px

Bienvenido al Visor Markdown

Escribe tu texto aquí y verás la vista previa en tiempo real.

Formato de texto

El texto puede ser negrita, cursiva o negrita y cursiva. También puedes usar código en línea dentro de un párrafo.

Listas

Sin orden

  • Elemento uno
  • Elemento dos
  • Subelemento anidado
  • Elemento tres

Ordenadas

  1. Primer paso
  2. Segundo paso
  3. Tercer paso

Código

function saludar(nombre) {
  return `Hola, ${nombre}!`;
}
console.log(saludar("Mundo"));

Tablas

NombrePuestoSalario
AnaDev$45,000
LuisDesign$40,000
MaríaPM$50,000

Citas

"La simplicidad es la máxima sofisticación."
— Leonardo da Vinci

Visita Utilix.mx

Eso es todo. ¡Empieza a escribir!

Palabras: 139Caracteres: 867Líneas: 52

Cómo usar el visor de Markdown

  1. Escribe o pega tu texto Markdown en el panel izquierdo. La vista previa se actualiza automáticamente mientras escribes.
  2. Usa los botones de vista para cambiar entre modo dividido (editor + preview), solo vista previa, o solo código fuente.
  3. Haz clic en «Copiar HTML» para obtener el código HTML generado, listo para pegar en tu sitio web o CMS.
  4. El botón «Demo» carga un ejemplo completo con todos los elementos soportados.

Preguntas frecuentes

¿Qué es Markdown y para qué se usa?▼

Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004. Permite dar formato a texto plano usando caracteres simples: **negrita**, *cursiva*, # encabezados, - listas. Es el estándar en GitHub, Reddit, Notion, Slack, Obsidian, y la mayoría de editores de documentación técnica. El objetivo es que el texto sea legible incluso sin renderizar.

¿Cuál es la sintaxis básica de Markdown?▼

Los elementos más usados: # Encabezado H1, ## H2, ### H3. **negrita** o __negrita__. *cursiva* o _cursiva_. `código en línea`. ```bloque de código```. - lista sin orden. 1. lista ordenada. > cita. [texto](url) para links. ![alt](url) para imágenes. --- para línea horizontal. | col1 | col2 | para tablas.

¿Markdown y HTML son lo mismo?▼

No. Markdown es una sintaxis simplificada que se convierte a HTML. Markdown es más fácil de escribir y leer en formato plano, pero HTML ofrece control total sobre el diseño. Este visor convierte tu Markdown a HTML en tiempo real. El botón 'Copiar HTML' te da el código HTML generado listo para usar en tu sitio web.

¿Puedo usar Markdown en WhatsApp, Slack o Notion?▼

Sí, con variaciones. WhatsApp: *negrita*, _cursiva_, ~tachado~, ```código```. Slack: **negrita**, _cursiva_, `código`. Notion y Obsidian: sintaxis estándar completa. GitHub: soporte completo incluyendo tablas y listas de tareas. Cada plataforma puede tener pequeñas diferencias en su sabor de Markdown.

¿Cómo hago una tabla en Markdown?▼

Usa pipes (|) y guiones para separar celdas y encabezados: | Columna 1 | Columna 2 | en la primera fila, luego |---------|----------| como separador, y las filas de datos debajo. El visor renderiza tablas con bordes y filas alternas automáticamente. Las celdas pueden contener formato inline como **negrita**.

¿Cómo escribo bloques de código en Markdown?▼

Para código en línea usa comillas invertidas simples: `mi_variable`. Para bloques multilínea, usa tres comillas invertidas antes y después del bloque, opcionalmente indicando el lenguaje: ```javascript en la primera línea. Esto activa el resaltado de sintaxis en plataformas que lo soportan.

¿Esta herramienta guarda mi contenido?▼

No. Todo el procesamiento ocurre en tu navegador. Nada se envía a servidores ni se guarda en ningún lado. Si quieres conservar tu texto, cópialo antes de cerrar la página o usa el botón 'Copiar HTML' para guardar el resultado.

También te puede interesar

Formateador JSON→Minificador HTML→Visor HTML→
Ver todas de Herramientas para Desarrolladores →