Guía Markdown de Dillinger
Un editor Markdown online que se integra con servicios cloud y que permite exportar documentos a HTML y PDF.
Acerca de Dillinger
Dillinger soporta todos los elementos de la sintaxis básica Markdown junto con ciertas funcionalidades de la sintaxis extendida, como por ejemplo las tablas o los bloques de código avanzados. Con Dillinger podrás importar documentos Markdown y guardarlos o expotarlos a HTML o PDF.
La interfaz de este editor incluye un panel en la izquierda, en donde redactarás documentos Markdown, y otro en la derecha, en donde verás el resultado renderizado en HTML. Los archivos se almacenarán en tu navegador, aunque también podrás importarlos o exportarlos desde tu sistema local o almacenarlos en servicios como Dropbox, Google Drive o GitHub, entre otros.
Dillinger usa el estándar CommonMark y el parser markdown-it.
Soporte Markdown
Dillinger soporta la sintaxis básica de Markdown y casi todos los elementos de la sintaxis extendida. A continuación puedes ver una tabla con los elementos soportados:
| Elemento | Soporte | Notas |
|---|---|---|
| Encabezados | Sí | |
| Párrafos | Sí | |
| Saltos de línea | Parcial | La sintaxis Markdown que permite saltar de línea agregando dos espacios al final de misma no está soportada. Para cambiar de línea tendrás que pulsar INTRO. |
| Negrita | Sí | |
| Cursiva | Sí | |
| Citas | Sí | |
| Listas ordenadas | Sí | |
| Listas no ordenadas | Sí | |
| Código | Sí | |
| Línea horizontal | Sí | |
| Enlaces | Sí | |
| Imágenes | Sí | No podrás subir imágenes, por lo que tendrás que subirlas a otro servicio de almacenamiento. |
| HTML | No | |
| Tablas | Sí | |
| Bloques de código avanzados | Sí | |
| Resaltado de sintaxis | Sí | |
| Notas al pié | Sí | |
| IDs de cabecera | Parcial | No podrás definir Ids personalizados, pero se generan automáticamente. |
| Listas de definiciones | Sí | |
| Texto tachado | Sí | |
| Listas de tareas | Sí | Podrás usar corchetes [ ], pero no guiones. |
| Emojis (copiar y pegar) | Sí | |
| Emojis (shortcodes) | No | |
| Enlaces automáticos | Sí | |
| Deshabilitar enlaces automáticos | Sí |
Soporte adicional
Dillinger soporta también ciertos elementos adicionales que forman parte de la especificación CommonMark, como el texto resaltado, los subíndices o los superíndices. A continuación puedes ver una tabla con algunos de estos elementos:
| Elemento | Markdown | HTML | Resultado |
|---|---|---|---|
| Resaltado | | | texto resaltado |
| Insertado | | | texto insertado |
| Subscript | | | H2O |
| Superscript | | | X2 |
| Abreviaturas | | | La especificación HTML es mantenida por la asociación W3C. |
Más información
Si quieres saber más cosas de Dillinger, consulta los siguientes enlaces:
- Editor: Accede al editor Dillinger
- Sintaxis: Accede a la web de la especificación CommonMark
Dillinger no es el único editor Markdown que puedes usar desde tu navegador, ya que también podrás usar otros editores como Stackedit o Editor Markdown, un fork de Dillinger.
👋 Hola! Soy Edu, me encanta crear cosas y he redactado este tutorial. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirlo en Twitter.
Sígueme en Twitter para estar al día con mi contenido. 😊
