Guía de uso del convertidor de Markdown a HTML

Inicio rápido

1. Visite la página /markdown-to-html/
2. Ingrese o pegue código Markdown en el editor izquierdo
3. La vista previa HTML convertida se mostrará automáticamente a la derecha
4. Use el botón copiar o descargar para guardar el resultado

Descripción de funcionalidades

Modos de conversión

• Conversión en tiempo real: Conversión automática al ingresar Markdown (predeterminado)
• Conversión manual: Conversión al hacer clic en el botón de conversión

Opciones de conversión

• Soporte GFM: Activar sintaxis de extensión GitHub Flavored Markdown
• Formato ajustable: El formato de salida Markdown se puede ajustar

Botones de acción

• Insertar ejemplo: Insertar código Markdown de ejemplo para pruebas
• Borrar: Borrar todo el contenido
• Copiar: Copiar el resultado HTML al portapapeles
• Descargar: Descargar el archivo .html convertido

Elementos Markdown soportados

Elementos básicos

• Encabezados: # H1 - ###### H6
• Párrafos: Texto normal
• Énfasis: **Negrita**, *Cursiva*
• Enlaces: [Texto](URL)
• Imágenes: ![alt](URL)
• Listas: - Sin orden, 1. Ordenadas
• Código: `En línea`, Bloque de código

Elementos avanzados

• Tablas: | Columna1 | Columna2 |
• Citas: > Contenido de cita
• Línea horizontal: ---
• Tachado: ~~Tachado~~

GitHub Flavored Markdown (GFM)

• Listas de tareas: - [ ] No completado, - [x] Completado
• Tablas
• Texto tachado
• Enlaces automáticos

Consejos de uso

1. Markdown complejo: Para estructuras Markdown complejas, se recomienda convertir por secciones
2. Conversión de tablas: Asegúrese de que la estructura de la tabla esté completa y use los separadores correctos
3. Bloques de código: Use tres comillas invertidas para envolver bloques de código y especifique el lenguaje
4. Procesamiento de enlaces: Los enlaces relativos permanecen sin cambios

Código de ejemplo

Markdown básico

# Encabezado

Este es un párrafo que contiene texto en **negrita** y en *cursiva*.

## Listas

- Elemento 1
- Elemento 2
- Elemento 3

### Código

```javascript
function hello() {
  console.log("Hello, World!");
}

Enlaces e imágenes

Visitar sitio de ejemplo

### Ejemplo de tabla
```markdown
| Característica | Soporte | Descripción |
|------|------|------|
| Encabezados | ✅ | H1-H6 |
| Listas | ✅ | Ordenadas y sin orden |
| Código | ✅ | En línea y bloque |
| Tablas | ✅ | Extensión GFM |

Notas

• Todas las conversiones se completan localmente en el navegador y no se cargan al servidor
• Algunas estructuras Markdown complejas pueden no convertirse perfectamente
• Se recomienda verificar el resultado después de la conversión y ajustarlo según sea necesario
• Soporta toda la sintaxis Markdown estándar y extensiones GFM