JotTools .

Vista Previa de Markdown

Herramienta gratis de vista previa de Markdown en vivo. Escribe Markdown y ve el HTML renderizado al lado al instante. Privado, sin subir nada, sin registro.

Hello JotTools

Write Markdown on the left, see HTML on the right.

  • Fast
  • Free
  • Private

> Everything runs in your browser.

inline code and links.

Qué hace la Vista Previa de Markdown

Es un editor de Markdown en vivo con vista dividida: escribe Markdown a la izquierda y observa cómo el HTML con formato aparece a la derecha, al instante, mientras escribes. No hay botones que pulsar ni esperas. Resulta muy útil para cualquiera que esté redactando un README, una incidencia de GitHub, documentación, un mensaje de foro o notas, y para quienes aprenden la sintaxis Markdown y quieren ver con exactitud cómo se renderiza cada símbolo.

El renderizador entiende la sintaxis que más usas: encabezados (# hasta ######), negrita, cursiva, código en línea, bloques de código delimitados, listas con viñetas y numeradas, citas, líneas horizontales, enlaces e imágenes.

Cómo usarlo

  1. Abre la página. El panel izquierdo carga con un breve ejemplo de Markdown para que veas cómo funciona de inmediato.
  2. Bórralo y empieza a escribir, o pega tu propio Markdown en el área de texto de la izquierda.
  3. Observa cómo el panel derecho se actualiza en vivo mientras escribes. No hay botón de acción; la vista previa sigue cada pulsación.
  4. Sigue editando hasta que el resultado renderizado a la derecha luzca como quieres y luego copia tu Markdown de vuelta a GitHub, tu CMS o donde lo necesites.

Por qué previsualizarlo aquí

Es rápido porque nada se envía a ningún sitio. Tu texto se convierte a HTML por completo dentro de tu navegador, así que tu borrador permanece en tu dispositivo. Eso lo hace realmente privado, sin subida, sin cuenta y sin límites de cuánto escribes. Funciona en un portátil o en un teléfono, y la disposición lado a lado facilita detectar la sintaxis mal escrita antes de publicar.

Consejo: envuelve el código en triples comillas invertidas para crear un bloque de código y usa > al inicio de una línea para una cita. Si un enlace o imagen no aparece, comprueba que la URL empiece por http, https, mailto: o /, ya que otros esquemas se ignoran por seguridad. Descubre más herramientas en la categoría de desarrollo.

Preguntas frecuentes

¿La vista previa de Markdown se actualiza automáticamente mientras escribo?
Sí. El panel derecho se vuelve a renderizar en vivo con cada pulsación, así que no hay ningún botón que pulsar. Escribe o pega Markdown a la izquierda y el HTML con formato aparece a la derecha al instante.
¿Qué funciones de Markdown admite este previsualizador?
Soporta encabezados, negrita, cursiva, código en línea, bloques de código delimitados, listas con viñetas y numeradas, citas, líneas horizontales, enlaces e imágenes. Cubre la sintaxis usada en la mayoría de READMEs y publicaciones de GitHub.
¿Mi Markdown se envía a un servidor?
No. La conversión de Markdown a HTML ocurre por completo en tu navegador, así que tu texto nunca sale de tu dispositivo. No hay subida, ni cuenta, ni almacenamiento por nuestra parte.
¿Por qué no se muestra mi enlace o imagen en la vista previa?
Por seguridad, solo se renderizan las URL que empiezan por http, https, mailto, tel o una ruta relativa. Los enlaces con otros esquemas se bloquean, así que comprueba que tu URL empiece por uno de esos.