La historia detrás del editor Markdown
Markdown es una forma de escribir texto con formato que sigue leyéndose con naturalidad como texto plano. Los asteriscos para el énfasis, las almohadillas para los títulos y los guiones para las listas se tomaron de cómo la gente ya escribía correos. Esta página cuenta cómo esa idea sencilla se convirtió en el lenguaje de los archivos README, las notas y la documentación.
Nacido del correo
En 2004 John Gruber publicó Markdown en su sitio Daring Fireball, con ayuda de Aaron Swartz. El objetivo era un texto fácil de leer y escribir tal cual, pero que se convirtiera limpiamente en HTML. Muchas convenciones venían del correo y de formatos de texto más antiguos como Setext: subrayar una línea con signos de igual para un título, rodear una palabra con asteriscos para destacarla y empezar líneas con un guion para una lista. El primer conversor era un único script de Perl.
Demasiados dialectos
La descripción original dejaba abiertos muchos casos límite, como cuánto sangrar una lista anidada o cuándo una línea en blanco termina un bloque. Cada implementación decidió de forma distinta, así que el mismo texto podía verse diferente en sitios distintos. En 2014 John MacFarlane, Jeff Atwood y otros publicaron una especificación precisa con cientos de ejemplos. Primero se llamó Standard Markdown y, tras las objeciones de Gruber, pasó a llamarse CommonMark.
GitHub Flavored Markdown
GitHub convirtió Markdown en parte del trabajo diario de los programadores con archivos README, incidencias y comentarios. En 2017 publicó una especificación formal de GitHub Flavored Markdown como superconjunto estricto de CommonMark. Añade tablas con alineación de columnas, listas de tareas con casillas, tachado con dos virgulillas y enlaces reconocidos automáticamente. Los bloques de código delimitados con nombre de lenguaje, ya populares, hicieron posible el resaltado de sintaxis.
Por qué se sanean las vistas previas
Markdown permite HTML sin procesar, algo cómodo pero arriesgado. Si una página muestra Markdown de otra persona, una etiqueta script oculta, un atributo onerror en una imagen o un enlace javascript podrían ejecutar código en el navegador del lector, un ataque llamado cross site scripting. Por eso este editor muestra el HTML sin procesar como texto, elimina los esquemas de enlace inseguros y filtra el resultado con una lista de elementos y atributos permitidos antes de mostrarlo.
Preguntas frecuentes
¿Quién inventó Markdown?
John Gruber creó Markdown en 2004, con Aaron Swartz como colaborador y probador importante desde el principio.
¿Qué diferencia hay entre CommonMark y GFM?
CommonMark es una especificación precisa del núcleo de Markdown. GitHub Flavored Markdown se basa en ella y añade tablas, listas de tareas, tachado y enlaces automáticos.
¿Por qué mi HTML aparece como texto?
Por seguridad. El HTML sin procesar podría llevar scripts, así que el editor lo escapa y solo genera elementos que sabe que son inofensivos.
Herramientas relacionadas
Editor de Markdown
Un editor de Markdown en línea gratuito con vista previa en vivo: vista dividida con desplazamiento sincronizado, tablas y listas de tareas como en GitHub, resaltado de código, barra de formato, modo concentración, recuento de palabras y tiempo de lectura, guardado automático y descarga en .md o .html.
Conversor de mayúsculas y minúsculas
Conversor de mayúsculas gratis: MAYÚSCULAS, minúsculas, tipo título con reglas de idioma, tipo oración, camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case y slugs de URL, además de limpieza de espacios, saltos de línea, viñetas y emojis.
Formateador JSON
Formateador y validador JSON gratuito: embellece o minifica JSON, encuentra la línea y la columna de un error, ordena claves, recorre un árbol, copia rutas y convierte arrays a CSV, todo en tu navegador.
Calculadora de relación de aspecto
Calculadora de relación de aspecto gratuita: relación simplificada y decimal a partir del ancho y el alto, la proporción común más cercana, cambio de tamaño con la relación bloqueada y redondeo para vídeo, tamaños predefinidos de pantallas, redes sociales e impresión, y ajustar o rellenar con bandas negras.
La historia detrás de la calculadora de relación de aspecto
Por qué el cine primitivo era 4:3, cómo el CinemaScope ensanchó la pantalla, por qué el 16:9 se convirtió en el compromiso de la televisión, de dónde viene la raíz de dos del papel A4 y cómo los móviles pusieron el vídeo en vertical.
¿Listo para probarlo?
Abra PictorX en su navegador: no requiere instalación ni tarjeta de crédito para comenzar.
Abrir el editor Markdown