Escribe Markdown y revisa el resultado final en tiempo real.
Escribe Markdown y ve al momento cómo queda, con soporte para tablas, listas de tareas y tachado (GitHub Flavored Markdown). Útil para README, documentación, notas y mensajes con formato.
Domina la sintaxis de documentación técnica, la construcción de tablas y listas de tareas, y los mecanismos de sanitización para prevenir vulnerabilidades XSS.
| Elemento de formato | Sintaxis en Markdown (GFM) | Código HTML equivalente | Estándar de soporte | Finalidad en documentación técnica |
|---|---|---|---|---|
| Encabezados jerárquicos | # Nivel 1 / ## Nivel 2 | <h1>...</h1> / <h2>...</h2> | CommonMark / GFM | Jerarquía semántica, estructura de lectura y accesibilidad web |
| Tablas con alineación | | Col1 | Col2 | |---|---| | A | B | | <table><thead>...<tbody>... | Extensión exclusiva GFM | Matrices de datos, comparativas de versiones y especificaciones |
| Listas de tareas (Checklist) | - [ ] Tarea - [x] Hecha | <ul class="contains-task-list">... | Extensión exclusiva GFM | Seguimiento de roadmaps, hitos de sprint y listas de control |
| Texto tachado (Strikethrough) | ~~texto obsoleto~~ | <del>texto obsoleto</del> | Extensión exclusiva GFM | Historial de cambios, versiones descartadas y notas de corrección |
| Bloques de código cercados | ```typescript const a = 1; ``` | <pre><code class="language-ts">... | CommonMark / GFM | Ejemplos técnicos de código con sintaxis estructurada |
| Citas en bloque (Blockquotes) | > Aviso o nota relevante | <blockquote><p>...</p></blockquote> | CommonMark / GFM | Alertas, advertencias de seguridad y citas bibliográficas |
Pipeline: Texto_Markdown → Tokenizador_Léxico → AST (Árbol Sintáctico) → HTML_Sanitizado → DOM Complejidad temporal de compilación: O(N) lineal respecto al número de líneas del documento Directriz de seguridad (XSS): Aislamiento y desinfección estricta que bloquea <script>, iframes y atributos onclick
Dado que Markdown permite la inserción de HTML en su sintaxis básica, los visores web profesionales desinfectan activamente el resultado o bloquean las etiquetas activas para evitar que archivos README compartidos ejecuten scripts no autorizados en el navegador del usuario.
Situación: Un desarrollador crea la guía de instalación de un módulo web que incluye una tabla de navegadores compatibles y una checklist de requisitos previos.
Paso 1: Se redacta el encabezado: ## Requisitos del sistema Paso 2: Se define la tabla GFM: | Navegador | Versión mínima | Estado | |---|---|---| | Chrome | 120+ | Soportado | | Firefox | 115+ | Soportado | | Safari | 17+ | Soportado | Paso 3: Se añaden las tareas de despliegue: - [x] Instalación de dependencias con pnpm - [ ] Configuración de variables locales Paso 4: El visor de Calcliq compila el texto en tiempo real, renderizando la tabla con bordes limpios y casillas interactivas sin parpadeos.
Resultado final: El texto plano se convierte instantáneamente en una interfaz visual enriquecida y profesional, lista para ser revisada y subida al repositorio de código.
Estas notas ayudan a interpretar el resultado con prudencia y a evitar usos poco fiables.
Métrica de texto en tiempo real para redacción, SEO y revisión.
Crea URL limpias y amigables para SEO a partir de cualquier texto.
Pasa entre HEX, RGB y HSL viendo el color al instante.
Separa las columnas con | y pon una fila de guiones bajo la cabecera: | Nombre | Rol |, luego | --- | --- |, y después una fila por línea.
Una variante de Markdown que añade tablas, listas de tareas (- [ ]), tachado (~~texto~~) y enlaces automáticos. Es la que usan GitHub y muchas herramientas.
No. El texto se queda en tu navegador y se pierde al recargar la página; cópialo antes de salir.
Escribe o pega contenido Markdown para verlo con soporte para tablas, listas y formatos habituales.
Tablas, listas, citas y otros patrones comunes se renderizan al instante.
Escribe Markdown a la izquierda y mira el resultado renderizado a la derecha.
| Herramienta | Categoría | Estado |
|---|---|---|
| Calculadora de porcentaje | Calculadoras | Lista |
| Generador QR | Herramientas extra | Lista |
Escribe una vez y reutiliza en cualquier sitio.
