Hello Markdown
This is a bold and italic text demo.
Features
- Real-time preview
- GitHub Flavored Markdown
- Syntax highlighting for code blocks
Code Example
function greet(name) {
return Hello, ${name}!;
}
Table
| Feature | Status |
|---|---|
| Bold | ✅ |
| Links | ✅ |
| Tables | ✅ |
This is a blockquote with a link.
- First item
- Second item
- Third item
Previsualizador Markdown
Escribe Markdown a la izquierda y visualiza la vista previa renderizada a la derecha. Compatible con encabezados, negrita, cursiva, enlaces, imagenes, tablas, bloques de codigo y mas. Exporta a HTML con un clic.
Que es Markdown y por que usar un previsualizador
Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004. Permite escribir texto con formato usando una sintaxis de texto plano facil de leer y escribir. Los archivos Markdown usan la extension .md y se utilizan ampliamente en archivos README, documentacion, publicaciones de blog, mensajes de foros y escritura tecnica. La sintaxis esta disenada para ser intuitiva: asteriscos para negrita y cursiva, almohadillas para encabezados, guiones para listas y acentos graves para codigo.
Este previsualizador Markdown gratuito renderiza tu contenido en tiempo real mientras escribes. Es compatible con todos los elementos Markdown comunes: encabezados, parrafos, negrita, cursiva, tachado, enlaces, imagenes, listas ordenadas y no ordenadas, citas, lineas horizontales, tablas y bloques de codigo delimitados. El diseno en vista dividida del previsualizador Markdown te permite editar y previsualizar lado a lado, y puedes exportar la salida renderizada como archivo HTML independiente.
Caracteristicas principales del previsualizador Markdown
- Vista previa en vivo en tiempo real que se actualiza al instante mientras escribes en el previsualizador Markdown
- Modos de vista dividida, solo editor y solo vista previa
- Soporte completo de Markdown: encabezados, negrita, cursiva, tachado, enlaces, imagenes
- Tablas con filas de encabezado y alineacion
- Bloques de codigo delimitados con visualizacion de sintaxis en el previsualizador Markdown
- Citas, listas ordenadas y listas no ordenadas
- Carga archivos .md o .txt para previsualizar documentos Markdown existentes
- Exporta la salida renderizada del previsualizador Markdown como archivo HTML independiente con estilos incorporados
- Copia la salida HTML cruda al portapapeles para incrustar en otras herramientas
- Modo pantalla completa para escritura sin distracciones en el previsualizador Markdown
- 100% del lado del cliente: ningun dato se envia a ningun servidor
Como usar este previsualizador Markdown
- Escribe o pega Markdown en el panel del editor a la izquierda del previsualizador Markdown.
- La vista previa renderizada aparece al instante en el panel derecho del previsualizador.
- Alterna entre vista dividida, solo editor o solo vista previa usando la barra de herramientas del previsualizador Markdown.
- Sube un archivo .md existente usando el boton Subir.
- Haz clic en HTML para descargar la salida renderizada como archivo HTML independiente desde el previsualizador Markdown.
- Haz clic en Copiar HTML para copiar el marcado HTML crudo al portapapeles.
Referencia rapida de sintaxis Markdown para el previsualizador
- Encabezados: usa # para h1, ## para h2, ### para h3, y asi sucesivamente hasta ###### en el previsualizador Markdown
- Negrita: envuelve el texto con **doble asterisco**
- Cursiva: envuelve el texto con *asterisco simple*
- Tachado: envuelve el texto con ~~doble virgulilla~~
- Enlaces: usa la sintaxis [texto] seguida de la URL entre corchetes en tu Markdown
- Imagenes: usa la sintaxis ![texto alternativo] seguida de la URL de imagen entre corchetes en el previsualizador Markdown
- Listas no ordenadas: comienza las lineas con -, * o +
- Listas ordenadas: comienza las lineas con 1., 2., 3.
- Bloques de codigo: envuelve con triple acento grave en lineas separadas
- Codigo en linea: envuelve con acento grave simple como `codigo` en tu Markdown
- Citas: comienza las lineas con > en el previsualizador Markdown
- Linea horizontal: usa --- en su propia linea
- Tablas: usa barras | y guiones - para crear columnas y encabezados en Markdown
Casos de uso del previsualizador Markdown
- Escribir y previsualizar archivos README para repositorios de GitHub con el previsualizador Markdown
- Redactar publicaciones de blog y documentacion tecnica en Markdown
- Previsualizar Markdown antes de hacer commit en control de versiones
- Convertir notas Markdown a HTML para incrustar en sitios web usando el previsualizador Markdown
- Ensenar sintaxis Markdown con retroalimentacion visual instantanea en el previsualizador
- Formatear texto rapidamente para plataformas que soportan Markdown
Consejos para escribir mejor Markdown en el previsualizador
- Deja una linea en blanco entre parrafos para un espaciado correcto en el previsualizador Markdown
- Usa encabezados jerarquicamente en tu Markdown: comienza con # y aumenta para subsecciones
- Indenta bloques de codigo con 4 espacios o usa bloques de codigo delimitados con triple acento grave
- Para tablas Markdown, alinea los caracteres de barra para mejor legibilidad en el codigo fuente
- Usa enlaces de estilo referencia para URLs largas y manten tu Markdown limpio en el previsualizador
- Previsualiza tu Markdown antes de publicar para detectar problemas de formato