Looking for an example for using markmap in HTML file with Markdown

879 Views Asked by Elmar Klausmeier At 05 April 2025 at 13:36

I want to use markmap with a static site generator. Therefore I want to find an example where markmap is used from HTML. I.e., the HTML file should contain the Markdown statements to produce the desired mindmap. The idea is that the actual mindmap is produced during presentation time (=end user fetching the HTML), not during site generation time.

Unfortunately, the documentation page of markmap does not provide such an example.

Many thanks in advance.

Original Q&A

There are 1 best solutions below

Elmar Klausmeier On 23 April 2022 at 07:46

I asked the author of markmap, Gerald Liu. He prompty suggests to look at markmap-autoloader. Thanks Gerald!

The example is thus:

<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>

Above code will produce below mindmap: markmap generated Mindmap

This is what I now use in the static site generator Simplified Saaze.

Looking for an example for using markmap in HTML file with Markdown

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in MINDMAP

Trending Questions

Popular # Hahtags

Popular Questions