Markmap
¿Qué es Markmap?
Markmap es una combinación de Markdown y mapa mental. Es compatible con la sintaxis Markdown y extrae su estructura jerárquica intrínseca, renderizando un mapa mental interactivo, también conocido como markmap.
La sintaxis de la estructura es la siguiente:
| Type | Syntax | Example |
| Título de nivel 1 | # ... | # Soy el titulo 1 |
| Título de nivel 2 | ## ... | ## Soy el titulo 2 |
| Título de nivel 3 | ### ... | ### Soy el titulo 3 |
| Título de nivel 4 | #### ... | #### Soy el titulo 4 |
| Título de nivel 5 | ##### ... | ##### Soy el titulo 5 |
| Título de nivel 6 | ###### ... | ###### Soy el titulo 6 |
| Elementos de la lista | - ... | # Estoy lista - Soy el articulo 1 - Soy el articulo 2 |
La forma más fácil de usarlo es cargar tu contenido Markdown en la página 👉 pruébalo.
También puedes probarlo en:
- línea de comandos: ver markmap-cli
- Vim / Neovim: ver coc-markmap
Uso programático
Básicamente, usamos markmap-lib para preprocesar Markdown en datos estructurados, luego renderizamos los datos en SVG interactivo con markmap-view.
Consulta los paquetes relevantes para obtener más detalles.
Demostraciones
- Markmap con React: https://stackblitz.com/edit/markmap-react?file=src%2Fmarkmap-hooks.tsx
- Markmap con Vue: https://stackblitz.com/edit/markmap-vue?file=src/app.vue
- Cargador automático de Markmap: https://stackblitz.com/edit/markmap-autoloader?file=index.html
Soporte
Consulta las preguntas frecuentes para obtener respuestas a tus preguntas. Si aún necesitas ayuda, no dudes en preguntar en GitHub Discussions.
Créditos
- Este proyecto está fuertemente inspirado en el Markmap de dundalek.