Quiero usar markmap con un generador de sitios estáticos. Por lo tanto, quiero encontrar un ejemplo donde se use markmap desde HTML. Es decir, el archivo HTML debe contener las declaraciones Markdown para producir el mapa mental deseado. La idea es que el mapa mental real se produzca durante el tiempo de presentación (= usuario final que obtiene el HTML), no durante el tiempo de generación del sitio.
Desafortunadamente, la página de documentación de markmap no proporciona ese ejemplo.
Muchas gracias de antemano.
Le pregunté al autor de Markmap , Gerald Liu. Inmediatamente sugiere mirar markmap-autoloader . ¡Gracias Gerardo!
El ejemplo es así:
<html> <body> <style> .markmap > svg { width: 100%; height: 300px; } </style> <div class="markmap"> # markmap ## autoloader ## transformer ## view </div> </body> <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader"></script> </html>El código anterior producirá el siguiente mapa mental: mapa mental generado por el mapa de marcas
Esto es lo que ahora uso en el generador de sitios estáticos Simplified Saaze .