toolsmoah

Vista Previa en Vivo de Markdown

Escribe markdown a la izquierda y ve el resultado renderizado a la derecha. Perfecto para escribir documentos, archivos README y todo contenido markdown.

Vista Previa en Tiempo Real
El markdown se renderiza y muestra mientras escribes. Soporta varias características como tablas, bloques de código y más.
Opciones de Exportación
Copia markdown o HTML al portapapeles, o descarga como un archivo HTML con estilos para compartir.
Modos de Vista Flexibles
Elige entre modos de solo edición, solo vista previa o vista dividida. El modo pantalla completa también está disponible para un enfoque sin distracciones.
94 líneas • 341 palabras • 2226 caracteres

🚀 Vista Previa en Vivo de Markdown

¡Bienvenido a la herramienta Vista Previa en Vivo de Markdown! Este editor soporta renderizado en tiempo real de tu contenido markdown.

✨ Características

  • Vista previa en tiempo real mientras escribes
  • Soporte para CommonMark y GitHub Flavored Markdown
  • Tablas, listas de tareas y bloques de código
  • Soporte de emojis 😊
  • Texto tachado y subrayado
  • Resaltado de sintaxis para código

📝 Formato de Texto

Puedes hacer texto negrita, cursiva, o ambos. También puedes usar texto tachado y texto subrayado.

Esta es una cita. Es útil para resaltar información importante o citas.

📋 Listas

Lista Desordenada

  • Primer elemento
  • Segundo elemento
  • Elemento anidado
  • Otro elemento anidado
  • Tercer elemento

Lista Ordenada

  1. Primer paso
  2. Segundo paso
  3. Tercer paso

Lista de Tareas

  • Tarea completada
  • Tarea incompleta
  • Otra tarea por hacer

💻 Ejemplos de Código

Código en línea: console.log('Hola Mundo')

JavaScript Block

function greetUser(name) {
  console.log(`Hello, ${name}! Welcome to Markdown Preview.`);
  return `Nice to meet you, ${name}!`;
}

greetUser('Developer');

Python Block

def calculate_fibonacci(n):
    if n <= 1:
        return n
    return calculate_fibonacci(n-1) + calculate_fibonacci(n-2)

print(f"Fibonacci of 10: {calculate_fibonacci(10)}")

📊 Tablas

Feature Supported Notes
Headers ✅ H1-H6 supported
Lists ✅ Ordered, unordered, tasks
Tables ✅ With alignment
Code ✅ Inline and blocks
Links ✅ Example
Images ✅ Alt text

🔗 Enlaces y Referencias

Visita GitHub para más ejemplos de markdown.\n\nTambién puedes usar enlaces de estilo referencia: Google y Stack Overflow.

🎯 Características Avanzadas

Matemáticas (si es compatible)

E = mc²

### Línea Horizontal

Notas al Pie

Aquí hay una oración con una nota al pie[^1].

[^1]: Este es el contenido de la nota al pie.

¡Feliz escritura! 🎉

Referencia Rápida de Markdown
Ejemplos de sintaxis markdown común para ayudarte a comenzar

Encabezados

# H1 Header
## H2 Header
### H3 Header

Énfasis

**bold text**
*italic text*
***bold and italic***