Vista previa de Markdown

Escribe Markdown y ve una vista previa HTML en vivo, lado a lado: encabezados, listas, enlaces y código renderizados en tu navegador.

#development#text
La vista previa aparecerá aquí…

Acerca de Vista previa de Markdown

Escribe Markdown en el panel izquierdo y míralo renderizarse a la derecha en tiempo real: sin botón de guardar, sin recargar la página, sin adivinar. Encabezados, negrita y cursiva, enlaces, imágenes, listas ordenadas y desordenadas, citas, tablas, bloques de código y líneas horizontales se muestran exactamente como aparecerán, para que pulas un README, una entrada de blog o una respuesta de foro antes de publicarla en cualquier parte.

Es un borrador práctico cuando tu editor no tiene vista previa, cuando estás aprendiendo la sintaxis de Markdown o cuando quieres verificar el formato destinado a GitHub, Reddit, Discord o un generador de sitios estáticos. El HTML crudo de tu entrada se escapa en lugar de ejecutarse, así que el contenido pegado no puede inyectar scripts ni estilos en la vista previa. Todo se renderiza localmente en tu navegador, lo que significa que tus borradores nunca salen de tu dispositivo.

Características

  • Editor y vista previa renderizada en vivo, lado a lado
  • Admite encabezados, listas, tablas, enlaces, imágenes y bloques de código
  • La vista previa se actualiza al instante con cada pulsación
  • El HTML crudo se escapa para una vista previa segura
  • Ideal para READMEs, entradas de blog y documentación
  • Renderiza localmente: tus borradores se quedan en tu dispositivo

Cómo previsualizar Markdown online

  1. Escribe o pega tu Markdown en el panel del editor.
  2. Observa cómo la vista previa renderizada se actualiza mientras escribes.
  3. Ajusta la sintaxis hasta que la salida se vea bien.
  4. Copia tu Markdown terminado adonde tenga que ir.

Preguntas frecuentes

¿Qué sintaxis de Markdown se admite?

El núcleo común: encabezados con #, énfasis en negrita y cursiva, enlaces e imágenes, listas ordenadas y desordenadas, citas, código en línea y bloques de código con triple acento grave, tablas y líneas horizontales. Si escribes para GitHub o la mayoría de las plataformas de blogs, todo lo que usas a diario se renderizará como esperas.

¿Por qué mi HTML crudo no se renderiza?

Por diseño, las etiquetas HTML de tu Markdown se escapan y se muestran como texto plano en lugar de ejecutarse. Eso impide que el contenido pegado ejecute scripts o rompa la maquetación de la página. Si tu plataforma de destino permite HTML en línea, allí seguirá funcionando: esta vista previa simplemente juega sobre seguro.

¿Puedo usar esto para escribir un README de GitHub?

Sí, es una forma rápida de redactar uno. La sintaxis básica coincide con lo que GitHub renderiza, incluidas las tablas y los bloques de código. GitHub añade algunos extras encima, como casillas de listas de tareas y enlaces automáticos a issues, así que dale al README terminado un último vistazo después de subirlo.

¿Mi texto se guarda o se sube a algún sitio?

No. El renderizado sucede por completo en tu navegador con JavaScript, así que lo que escribes nunca se transmite a un servidor ni se almacena en él. Si cierras o recargas la pestaña, el borrador desaparece, así que copia tu trabajo a un lugar permanente cuando termines una sesión de escritura.

¿Por qué mis saltos de línea desaparecen en la vista previa?

El Markdown estándar trata un salto de línea simple como un espacio y exige una línea en blanco para empezar un párrafo nuevo. Para forzar un salto de línea dentro de un párrafo, termina la línea con dos espacios o una barra invertida. Esto despista a casi todo el mundo al principio: es Markdown comportándose con normalidad, no un error.