Saltar al contenido
Herramienta gratuita

Editor de Markdown en línea con vista previa en directo

Con este editor de Markdown online puedes escribir Markdown y ver al instante una vista previa al lado. Abre archivos .md, convierte celdas copiadas de Excel en una tabla, guarda el documento como PDF o cópialo como HTML. Para los mensajes de Discord hay un modo propio con spoilers y contador de caracteres. Es gratis, no requiere registro y tu texto permanece en tu navegador.

Creado por Dimitri Heissler

¿Estás creando algo propio? Alójalo en un VPS con control total.

GitHub Flavored Markdown: encabezados, listas, tablas, listas de tareas y código con resaltado de sintaxis. Ideal para archivos README, incidencias y documentación.

Tu texto permanece en este navegador. Solo se guarda localmente como borrador; nunca se sube. Ctrl+Z deshace los cambios.

Palabras
69
Caracteres
506
Líneas
28
Encabezados
3
Tiempo de lectura
1 min.

Resultado de ejemplo

Qué te muestra este editor de Markdown

Escribe Markdown y verás al instante el resultado a tu lado. También obtendrás el código HTML para copiar, los recuentos de palabras y caracteres, el tiempo de lectura y, en el modo Discord, cuánto falta para alcanzar el límite de caracteres. Tres ejemplos:

Ejemplo 1: un README breve

Entrada (README / GitHub):

# Mi servidor

Funciona con **8 GB RAM** y `Paper 1.21`.

- [x] Backup
- [ ] Lista blanca

Vista previa:

Mi servidor

Funciona con 8 GB RAM y Paper 1.21.

  • Backup
  • Lista blanca

Código HTML para copiar:

<h1 id="mi-servidor">Mi servidor</h1>
<p>Funciona con <strong>8 GB RAM</strong> y <code>Paper 1.21</code>.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" checked disabled> Backup</li>
<li class="task-list-item"><input type="checkbox" disabled> Lista blanca</li>
</ul>

Resultado en palabras: 1 encabezado se convierte en un h1, los dos fragmentos destacados se convierten en strong y code, y los dos elementos de lista forman una lista de tareas con una casilla marcada y otra sin marcar. El texto tiene 13 palabras y 89 caracteres, y el tiempo de lectura es de 1 minuto.

Ejemplo 2: una tabla

Entrada (README / GitHub):

| Plan | RAM en GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Vista previa:

PlanRAM en GB
Basic4
Pro8

Código HTML para copiar:

<table>
<thead>
<tr>
<th>Plan</th>
<th align="right">RAM en GB</th>
</tr>
</thead>
<tbody>
<tr>
<td>Basic</td>
<td align="right">4</td>
</tr>
<tr>
<td>Pro</td>
<td align="right">8</td>
</tr>
</tbody>
</table>

Resultado en palabras: la tabla tiene dos columnas y dos filas de datos. La fila de guiones separa el encabezado del contenido; los dos puntos en «---:» alinean la segunda columna a la derecha.

Ejemplo 3: un mensaje de Discord

Entrada (Discord):

# Evento de hoy
**20:00** en el ||canal de voz||
-# Inscripción abierta

Vista previa como en Discord:

Evento de hoy

20:00 en el Spoiler, haz clic para mostrarlo

Inscripción abierta

Resultado en palabras: la línea con # se convierte en un encabezado grande, **20 Uhr** aparece en negrita, el texto entre || es un spoiler que solo se muestra al hacer clic y la línea con -# aparece pequeña y gris. El mensaje contiene 71 de los 2000 caracteres permitidos.

Cómo funciona

Cómo escribir Markdown online con vista previa en tiempo real

Cuatro pasos desde un campo de texto vacío hasta un documento o mensaje de Discord terminado, sin cuenta ni instalación.

Paso 1

Elegir variante

Selecciona arriba «README / GitHub» para documentos con tablas y listas de tareas, o «Discord» para mensajes de chat con spoilers y citas. Cada opción tiene su propio texto e indicaciones.

Paso 2

Escribir o abrir archivo

Escribe tu texto y usa los botones de negrita, lista, tabla y código, o los atajos Ctrl+B, Ctrl+I y Ctrl+K. Para insertar celdas de Excel, pégalas, selecciónalas y haz clic en «Tabla». Con «Abrir archivo» puedes cargar un archivo .md existente; permanecerá en tu navegador.

Paso 3

Comprobar vista previa

A la derecha, o en la pestaña «Vista previa» del móvil, verás el resultado con cada carácter que escribas. Con más de 100.000 caracteres, la vista previa en el modo «README / GitHub» solo aparece tras hacer clic en «Mostrar la vista previa de todos modos», de nuevo tras cada cambio. En el modo Discord, el editor muestra el mensaje con el aspecto de Discord y advierte sobre tablas, imágenes y textos demasiado largos.

Paso 4

Aplicar resultado

Copia el Markdown o el código HTML final, descarga el documento como archivo .md o .html, o elige «Guardar como PDF» y después «Guardar como PDF» en el cuadro de impresión. Para Discord, copia el mensaje y pégalo en el chat.

Visor de Markdown

Visor de Markdown: abre y lee archivos .md y guárdalos como PDF

No necesitas ningún programa adicional para leer un archivo .md. El editor lo abre en tu navegador, lo muestra formateado y te permite exportarlo como PDF o HTML.

Abrir archivos MD sin instalar nada

Haz clic en «Abrir archivo» y elige un archivo .md, .markdown, .mdown o .txt de hasta 2 MB. Tu navegador lo lee localmente; no se sube nada. En el modo «README / GitHub», la vista previa muestra encabezados, tablas, listas de tareas y código con resaltado de sintaxis.

Convertir Markdown a PDF

«Guardar como PDF» abre el diálogo de impresión de tu navegador con el documento formateado. Selecciona «Guardar como PDF» como destino. El PDF se crea en tu dispositivo y el editor toma el título del documento del primer encabezado.

Convertir Markdown a HTML

«Copiar HTML» copia el código HTML al portapapeles y «Descargar .html» guarda una página completa con estilos básicos. Encontrarás ambas opciones, junto con la exportación a PDF, en el modo «README / GitHub».

Conceptos básicos

¿Qué es Markdown? Explicación sencilla

Markdown es una forma sencilla de dar formato al texto con unos pocos caracteres. Tú escribes texto normal y un programa lo convierte en títulos, listas, tablas y enlaces.

Así se ve

Un # al principio de una línea crea un título; **negrita**, texto en negrita; un guion al principio de una línea, un elemento de lista; y los corchetes junto con los paréntesis, un enlace. El texto sigue siendo legible sin ningún programa.

Para qué se utiliza

Para archivos README.md en GitHub, documentación técnica, notas, publicaciones en foros y mensajes de chat, por ejemplo, en Discord. La extensión del archivo es .md o .markdown.

Cómo lo pruebas

Escribe en el campo de texto de arriba y ve al instante la vista previa. Con «Abrir archivo» puedes leer un archivo .md existente; con «Guardar como PDF» o «Copiar HTML» puedes compartir el resultado.

Tabla Markdown

Crear una tabla Markdown: sintaxis, alineación e importación desde Excel

Una tabla consta de una fila de encabezado, una fila separadora y filas de datos, con barras verticales entre las columnas. Puedes escribirla a mano o dejar que el editor la cree a partir de celdas copiadas.

Estructura

Entrada:

| Plan | RAM en GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Vista previa:

PlanRAM en GB
Basic4
Pro8

Alinear columnas

Los dos puntos en la línea separadora determinan la alineación: izquierda, centro o derecha.

| Alineado a la izquierda | Centrado | Alineado a la derecha |
| :--- | :---: | ---: |
| a | b | c |

Vista previa:

Alineado a la izquierdaCentradoAlineado a la derecha
abc

Desde Excel o Google Sheets

Copia las celdas, pégalas, selecciónalas y haz clic en «Tabla». Del texto copiado:

Plan	RAM en GB
Basic	4
Pro	8

se convierte en esta tabla Markdown, con la columna numérica alineada a la derecha:

| Plan | RAM en GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Guía rápida de Markdown

Sintaxis de Markdown de un vistazo

Los elementos principales de GitHub Flavored Markdown, con entrada y resultado. La columna derecha utiliza el mismo renderizador que la vista previa del editor.

Sintaxis de Markdown y resultado
ElementoMarkdownResultado
Encabezados
# Encabezado 1
## Encabezado 2
### Encabezado 3

Encabezado 1

Encabezado 2

Encabezado 3

Negrita y cursiva
**negrita**, *cursiva*, ***ambos***

negrita, cursiva, ambos

Tachado
~~antiguo~~ nuevo

antiguo nuevo

Enlace
[Texto del enlace](https://example.com)
Imagen
![Descripción de la imagen](https://example.com/bild.png)
Muestra la imagen; la descripción sirve como texto alternativo.
Lista con viñetas
- Uno
- Dos
  - Dos A
  • Uno
  • Dos
    • Dos A
Lista numerada
1. En primer lugar
2. En segundo lugar
  1. En primer lugar
  2. En segundo lugar
Lista de tareas
- [x] completado
- [ ] abierto
  • completado
  • abierto
Cita
> Una cita

Una cita

Código en línea
Iniciar `npm run dev`

Iniciar npm run dev

Bloque de código
```js
console.log(1 + 1);
```
console.log(1 + 1);
Tabla
| Nombre | Valor |
| --- | ---: |
| RAM | 8 |
NombreValor
RAM8
Línea divisoria
---

Markdown de Discord

Dar formato al texto de Discord: los comandos principales

Discord usa una variante propia y más limitada de Markdown. Selecciona «Discord» arriba para ver cómo aparecerá tu mensaje en el chat antes de enviarlo.

Formato de Discord y resultado
ElementoEntradaResultado en Discord
Negrita
**negrita**

negrita

Cursiva
*cursiva* o _cursiva_

cursiva o cursiva

Subrayado
__subrayado__

subrayado

Tachado
~~tachado~~

tachado

Combinado
__***subrayado, negrita y cursiva***__

subrayado, negrita y cursiva

Spoiler
||texto oculto||

Spoiler, haz clic para mostrarlo

Código en línea
`Código`

Código

Bloque de código
```js
console.log('hi');
```
console.log('hi');
Cita
> Una cita

Una cita

Encabezados
# Grande
## Medio
### Pequeño

Grande

Medio

Pequeño

Texto pequeño
-# Pie de página

Pie de página

Lista
- Uno
- Dos
1. En primer lugar
  • Uno
  • Dos
  1. En primer lugar
Enlace con texto
[Texto del enlace](https://example.com)

Comparación

Comparación entre Markdown de GitHub y de Discord

Un texto que se ve bien en un README puede aparecer mal en el chat de Discord. Esta tabla muestra qué funciona en cada lugar.

Qué funciones de Markdown funcionan en GitHub y Discord
FunciónREADME / GitHubDiscordAviso
EncabezadosSíParcialmenteGitHub: de # a ######. Discord: solo de # a ### al principio de la línea.
Negrita, cursiva y tachadoSíSíSe escriben igual en ambos.
Subrayado (__text__)NoSíEn GitHub, __text__ significa negrita.
Spoiler (||text||)NoSíSolo Discord.
TablasSíNoDiscord muestra los guiones como texto.
Listas de tareas (- [ ])SíNoDiscord muestra los corchetes como texto.
Imágenes (![](url))SíNoEn Discord, sube imágenes o publica el enlace.
Bloques de código con lenguajeSíSíAmbos aplican resaltado de sintaxis al código según el lenguaje.
HTML en el textoParcialmenteNoGitHub admite una selección de etiquetas; Discord no admite ninguna.
Citas (> texto)SíSíDiscord también admite >>> para todo el texto hasta el final.

Descubrir más

Más herramientas

Comparar textos online (Diff Checker)

Compara textos online: compara dos textos, configuraciones o versiones de código, ve las diferencias por línea y palabra y cópialas como Unified Diff. Funciona íntegramente en el navegador.

Creado por Dimitri Heissler

Convertidor de JSON a CSV

Convierte JSON a CSV y CSV a JSON: aplana objetos anidados, detecta el delimitador, genera CSV para Excel con BOM y obtén una vista previa en tabla de archivos JSON y CSV. Funciona íntegramente en el navegador.

Creado por Dimitri Heissler

Formateador de HTML y CSS online (mejora la presentación del código)

Formatea HTML y CSS online, aplica sangría y mejora su presentación con detección automática del idioma. Funciona íntegramente en el navegador, sin subir archivos.

Creado por Luca Stanek

Contador de caracteres de Discord

Pega un texto y comprueba al instante si cumple los límites de Discord: recuento de caracteres en tiempo real para mensajes, embeds, nombres de usuario, apodos, comandos slash y encuestas. Todo se ejecuta en el navegador.

Creado por Justin Schuessler

Formateador de texto para Discord (Markdown, texto de color y bloques de código)

Formatea texto de Discord con un clic: negrita, cursiva, spoilers, citas y bloques de código, además de texto de color mediante bloques de código ANSI. Con vista previa como en Discord y botón para copiar. Funciona íntegramente en el navegador.

Creado por Luca Stanek

Contador de caracteres y palabras (Word Counter)

Contador de caracteres y palabras: cuenta palabras y caracteres en línea, calcula el tiempo de lectura y comprueba los límites de X, SMS, metaetiquetas y Discord. Funciona íntegramente en el navegador.

Creado por Dimitri Heissler

FAQ

Preguntas frecuentes

Respuestas breves sobre archivos .md, PDF y HTML, tablas de Excel, formato de Discord y la privacidad de tus datos.

Markdown es una forma sencilla de dar formato al texto con caracteres normales: # crea un encabezado, **negrita** pone el texto en negrita y un guion al principio de una línea crea un elemento de lista. John Gruber lo publicó en 2004. Los archivos Markdown suelen tener la extensión .md y, con menos frecuencia, .markdown. Los encontrarás como archivos README en GitHub, en documentación y notas; Discord también usa Markdown para los mensajes de chat. Su ventaja es que el texto sin formato sigue siendo legible.

Haz clic en «Abrir archivo» en el editor y elige un archivo .md, .markdown, .mdown o .txt de hasta 2 MB, o pega el contenido en el campo de texto. En el modo «README / GitHub», la vista previa lo muestra formateado al instante, con tablas, listas de tareas y código resaltado. Con más de 100.000 caracteres, solo aparece tras hacer clic en «Mostrar la vista previa de todos modos». No tienes que instalar nada y el archivo no se sube: tu navegador lo lee localmente. Después puedes editar el texto y volver a descargarlo como .md.

En el modo «README / GitHub», haz clic en «Guardar como PDF». El editor abrirá el diálogo de impresión de tu navegador con el documento formateado. Selecciona «Guardar como PDF» como destino y confirma. El PDF se crea en tu dispositivo; no se sube nada. El editor toma el título del documento del primer encabezado. Puedes configurar los márgenes y los encabezados de página en el diálogo de impresión.

Una tabla consta de una fila de encabezados con barras verticales, una fila separadora con tres guiones por columna y las filas de datos: por ejemplo, | Name | RAM |, debajo | --- | ---: | y luego | Pro | 8 |. Los dos puntos en la fila separadora determinan la alineación. Es más rápido si usas Excel o Google Sheets: copia las celdas, pégalas en el campo de texto, selecciona el texto pegado y haz clic en «Tabla». La primera fila se convierte en el encabezado y las columnas que solo contienen números se alinean a la derecha. También funcionan las filas CSV delimitadas por punto y coma o coma, pero el botón no interpreta los campos CSV entre comillas que contienen el delimitador. Las tablas forman parte de GitHub Flavored Markdown y no funcionan en Discord.

En el modo «README / GitHub», «Copiar HTML» copia el código HTML generado: por ejemplo, **negrita** se convierte en <strong>negrita</strong>. «Descargar .html» guarda una página completa con estilos básicos. Por seguridad, el editor no procesa las etiquetas HTML que escribas en Markdown, sino que las muestra como texto. El editor no permite exportar a Word ni a .docx. Para usar Word, descarga el archivo .html y ábrelo allí, o guarda el documento como PDF.

Cambia al modo «Discord» en la parte superior. Se aplicará el formato de Discord: **negrita**, *cursiva*, __subrayado__, ~~tachado~~, ||Spoiler|| y `Código`. De # a ### al principio de una línea crean encabezados, -# convierte la línea en texto pequeño y gris, y > cita una línea. La vista previa muestra el mensaje como en el chat y el contador comprueba el límite de 2000 caracteres, o 4000 con Nitro. Discord no admite tablas, imágenes, líneas divisorias ni HTML, y el editor te lo indicará. Con «Copiar mensaje» copias el texto.

Una línea en blanco separa los párrafos. En un README, un salto de línea simple se trata como un espacio y el texto continúa. Para forzar un salto, añade dos espacios o una barra invertida al final de la línea. En Discord es más sencillo: se conserva cada salto que insertes con Mayús+Enter.

No se sube nada: la vista previa, la exportación a HTML y PDF, y la apertura de archivos funcionan localmente en tu navegador. Para que no pierdas nada al recargar la página, el editor guarda un borrador en el almacenamiento local de tu navegador. Con «Vaciar» borras el campo de texto de la variante actual y también se vacía el borrador guardado. La vista previa no ejecuta el HTML del texto, sino que lo muestra como texto; además, elimina los enlaces con esquemas inseguros como javascript:.

¿Tienes más preguntas?

Contactar con soporte
¿Estás creando algo propio?

Tu proyecto necesita un servidor en el que funcione de forma fiable

Un VPS de ZAP-Hosting pone tu aplicación, bot o documentación en línea de forma fiable.

4,4/5 Trustpilot32.000+ Servidores activosDesde 2010

Sin configuración. Sin riesgos. En línea en segundos.

Duración flexibleCancelable en cualquier momentoEn línea en 60 segundos

¿Buscas más herramientas? Ver todas las herramientas para desarrolladores