Saltar al contenido principal

Convertidor de Markdown a HTML

Una herramienta para convertir sintaxis Markdown a HTML en tiempo real. Previsualiza tu markdown instantáneamente y genera código HTML.

Markdown Input

Preview

HTML Output

Características principales​

  • Vista previa de Markdown en tiempo real
  • Generación automática de código HTML
  • Soporte para varias sintaxis de Markdown
  • Copia de HTML con un clic
  • 5 plantillas de ejemplo proporcionadas

Sintaxis de Markdown soportada​

1. Encabezados​

# Encabezado H1
## Encabezado H2
### Encabezado H3
#### Encabezado H4
##### Encabezado H5
###### Encabezado H6

2. Estilos de texto​

**Texto en negrita** o __Texto en negrita__
*Texto en cursiva* o _Texto en cursiva_
~~Tachado~~
`Código en línea`

3. Listas​

## Lista sin ordenar
- Elemento 1
- Elemento 2
  - Elemento anidado
  - Otro elemento anidado

## Lista ordenada
1. Primer elemento
2. Segundo elemento
3. Tercer elemento

4. Enlaces e imágenes​

[Texto del enlace](https://example.com)
![Texto alternativo](URL_de_imagen)

5. Bloques de código​

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

6. Citas​

> Esta es una cita.
> Puede abarcar varias líneas.

7. Tablas​

| Encabezado1 | Encabezado2 | Encabezado3 |
|-------------|-------------|-------------|
| Celda1      | Celda2      | Celda3      |
| Celda4      | Celda5      | Celda6      |

8. Líneas horizontales​

---
***
___

Casos de uso​

Redacción de publicaciones de blog​

# Mi primera publicación de blog

¡Hola! Hoy aprenderemos sobre **Markdown**.

## ¿Qué es Markdown?

Markdown es un lenguaje de marcado ligero que permite
escribir documentos usando *sintaxis simple*.

### Ventajas
1. Fácil de aprender
2. Fácil de leer
3. Amplio soporte de plataformas

Documentación​

# Documentación de API

## Endpoints

### GET /api/users

Recupera la lista de usuarios.

**Ejemplo de respuesta:**
```json
{
  "users": [
    {"id": 1, "name": "John"}
  ]
}

### Creación de README
```markdown
# Nombre del proyecto

Una breve descripción del proyecto

## Instalación

```bash
npm install

Uso​

  1. Clonar repositorio
  2. Instalar dependencias
  3. Ejecutar servidor

## Consejos

1. **Verificación en tiempo real**: Escribe Markdown a la izquierda y ve la vista previa instantáneamente en el centro.

2. **Copiar HTML**: Usa el botón "Copy HTML" en el panel derecho para copiar el HTML generado.

3. **Usar ejemplos**: Haz clic en los botones de ejemplo en la parte superior para aprender varias sintaxis de Markdown.

4. **Redacción de blog**: Escribe contenido en Markdown y conviértelo a HTML para publicar directamente en el blog.

5. **Documentación**: Útil para previsualizar documentos técnicos o archivos README.

## Herramientas relacionadas

- [Base64 Encoder](/docs/playground/base64-encoder)
- [URL Encoder](/docs/playground/url-encoder)
- [HTML Formatter](/docs/playground/html-formatter)
- [Text Diff Checker](/docs/playground/text-diff-checker)