Editor y Vista Previa de Markdown
Escribe Markdown con vista previa HTML en tiempo real y exportación en un clic.
Sobre esta Herramienta y Caso de Uso
El Markdown Preview & Editor de MyToolsLab es un entorno de edición y visualización en tiempo real para documentos Markdown (`MarkdownPreviewPage.tsx`). Ofrece **3 modos de visualización** (`Dividido / Split`, `Solo Editor / Editor Only`, `Solo Vista Previa / Preview Only`), compilación instantánea con soporte GitHub Flavored Markdown (títulos `#`, listas, bloques de código, tablas, enlaces y citas `>`) y desinfección estricta mediante `DOMPurify`.
Casos de Uso Principales:
- •Redacción y revisión de archivos README.md antes de subirlos a repositorios Git.
- •Toma de notas estructuradas y borradores de artículos técnicos.
Limitaciones Técnicas
- •La ejecución de scripts en línea se bloquea en la vista previa por seguridad.
- •Para obtener el código HTML compilado utiliza la herramienta /texto/html-markdown.
Buenas Prácticas
- •Usa el modo dividido en pantallas de ordenador para verificar el formato mientras escribes.
Cómo editar y previsualizar documentos Markdown paso a paso
1. Escribir o Pegar Markdown en el Editor
Escribe sintaxis Markdown o pega el contenido de archivos README y documentación.
2. Alternar entre Modos de Vista
Elige entre vista dividida (Split), foco en el editor o lectura renderizada.
3. Copiar Documento Markdown
Pulsa en "Copiar Markdown" para llevar el texto preparado al portapapeles.
Preguntas Frecuentes sobre Markdown Preview & Editor
¿Incluye botones de exportación a PDF o HTML en esta pantalla?
Esta pantalla está orientada a la edición y vista previa en directo con el botón "Copiar Markdown". Para convertir Markdown en código HTML limpio, utiliza el "Conversor HTML ↔ Markdown" en /texto/html-markdown.
¿Qué elementos de GitHub Flavored Markdown (GFM) se admiten?
Admite encabezados (h1-h6), negrita (**texto**), cursiva (*texto*), bloques de código con etiquetas de lenguaje, tablas, listas ordenadas y viñetas, enlaces y citas.
¿Cómo previene scripts maliciosos (XSS)?
Todo el HTML compilado pasa por DOMPurify.sanitize(), neutralizando etiquetas <script> y eventos JavaScript peligrosos antes de renderizar.
¿El editor procesa los datos en local?
Sí. La compilación y visualización ocurren 100% en la memoria del navegador sin transmitir datos a servidores.