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

Escribe Markdown a la izquierda y observa el resultado con formato al instante a la derecha. Un editor de Markdown gratuito y rápido que funciona sin conexión – sin registro, y tu texto nunca sale de tu navegador.

Markdown
Vista previa

Chuleta de Markdown

Markdown es una forma sencilla de dar formato a texto que se ve genial en cualquier dispositivo. No hace nada complicado como cambiar el tamaño, el color o el tipo de letra – solo lo esencial, usando símbolos del teclado que ya conoces. Esta es la referencia completa: cada regla mostrada junto a su resultado renderizado.

Encabezados

Usa símbolos # antes de tu texto – un # para el encabezado más grande, hasta seis para el más pequeño. Los dos niveles superiores también tienen un estilo “subrayado”.

MarkdownResultado
# Heading 1

Heading 1
=========

Heading 1

## Heading 2

Heading 2
---------

Heading 2

### Heading 3

Heading 3

#### Heading 4

Heading 4

##### Heading 5
Heading 5
###### Heading 6
Heading 6

Énfasis

Envuelve el texto en símbolos para ponerlo en negrita, cursiva o tachado. Los asteriscos y los guiones bajos funcionan igual.

MarkdownResultado
*Italic* _Italic_Italic
**Bold** __Bold__Bold
***Bold & italic***Bold & italic
~~Strikethrough~~Strikethrough

Citas

Comienza una línea con > para citar texto. Añade otro > para anidar citas, y líneas > vacías para separar párrafos.

MarkdownResultado
> This is a blockquote.
This is a blockquote.
> First paragraph. > > Second paragraph.

First paragraph.

Second paragraph.

> Level one >> Level two
Level one
Level two

Listas

Las listas con viñetas empiezan con -, * o +. Las listas numeradas usan 1., 2., 3. Sangra dos espacios para anidar una sublista.

MarkdownResultado
- First item - Second item - Third item
  • First item
  • Second item
  • Third item
1. First item 2. Second item 3. Third item
  1. First item
  2. Second item
  3. Third item
1. First item - Sub-item - Sub-item 2. Second item
  1. First item
    • Sub-item
    • Sub-item
  2. Second item

Listas de tareas

Añade [ ] para una casilla vacía o [x] para una marcada justo después de la viñeta. Ideal para listas de tareas en GitHub.

MarkdownResultado
- [x] Learn Markdown - [ ] Master Markdown - [ ] Teach a friend
  • Learn Markdown
  • Master Markdown
  • Teach a friend

Pon el texto visible en [ ] y la dirección en ( ). Los enlaces de referencia mantienen la dirección al final, y las URL sueltas se convierten en enlaces automáticamente.

MarkdownResultado
[Markdown69](https://markdown69.com)Markdown69
[Hover me](https://markdown69.com "Best cheat sheet")Hover me
[Reference link][site]

[site]: https://markdown69.com
Reference link
<https://markdown69.com>https://markdown69.com
[Jump to top](#top)Jump to top

Imágenes

Igual que los enlaces, con un ! delante. El texto en [ ] se convierte en el texto alternativo que se muestra cuando la imagen no puede cargarse.

MarkdownResultado
![Markdown logo](/img/markdown.png)Markdown logo
![Logo](/img/markdown.png "Markdown")Logo
[![Clickable](/img/markdown.png)](https://markdown69.com)Clickable

Código

Envuelve el código en línea con comillas invertidas simples. Para un bloque entero, usa tres comillas invertidas (nombrando el lenguaje opcionalmente) o sangra cada línea con cuatro espacios.

MarkdownResultado
Use the `print()` function.Use the print() function.
``` plain code block ```
plain code block
```python def hello(): print("Hi!") ```
def hello():
    print("Hi!")

Tablas

Separa las columnas con barras verticales | y el encabezado del cuerpo con guiones -. Añade dos puntos : en la fila divisoria para alinear una columna a la izquierda, al centro o a la derecha.

MarkdownResultado
| Syntax | Description | | ------ | ----------- | | Header | Title | | Cell | Text |
SyntaxDescription
HeaderTitle
CellText
| Left | Center | Right | | :--- | :----: | ----: | | a | b | c |
LeftCenterRight
abc

Regla horizontal

Tres o más guiones, asteriscos o guiones bajos en su propia línea dibujan un divisor.

MarkdownResultado
--- *** ___

Saltos de línea

Termina una línea con dos espacios para romperla sin empezar un párrafo nuevo. Una línea en blanco siempre empieza un párrafo nuevo.

MarkdownResultado
First line·· Second line

First line
Second line

New paragraph

after a blank line

New paragraph

after a blank line

Escapar caracteres

Pon una barra invertida \ antes de un símbolo para mostrarlo literalmente en lugar de dar formato al texto.

MarkdownResultado
\*Not italic\**Not italic*
1\. Not a list1. Not a list

Notas al pie

Marca un punto con [^1] y escribe la nota en cualquier parte en su propia línea. El lector salta entre ellas al hacer clic.

MarkdownResultado
Here is a note.[^1]

[^1]: The footnote text.
Here is a note.1
  1. The footnote text.

Emoji

Muchos editores (GitHub, Slack, Discord) convierten :shortcodes: en emoji. También puedes pegar el carácter emoji directamente.

MarkdownResultado
:tada: Shipped it! :rocket:🎉 Shipped it! 🚀
Looks good :+1:Looks good 👍

HTML en línea

Cuando Markdown no basta, inserta HTML sin procesar y se renderiza tal cual.

MarkdownResultado
Text with <sub>subscript</sub> and <sup>superscript</sup>.Text with subscript and superscript.
<kbd>Ctrl</kbd> + <kbd>C</kbd>Ctrl + C

Insertar vídeos

Markdown no puede insertar un reproductor de vídeo, pero puedes enlazar una imagen en miniatura al vídeo. Al hacer clic en la imagen se abre el vídeo.

MarkdownResultado
[![Watch the video](/img/markdown.png)](https://youtu.be/VIDEO_ID)Watch the video