Configure security level on mermaid to enable anchor links

[falondarville]

Hi! I'm using mermaid with mkdocs and trying to successfully anchor link from cells. Right now, anchor links go to about:blank.

The solve on the mermaid-side is adding securityLevel: 'loose'. See: mermaid-js/mermaid#1218 (comment)

I don't see configuration options beyond the following in the mkdocs documentation (in my mkdocs.yml file):

  - pymdownx.superfences:
      custom_fences:
        - name: mermaid
          class: mermaid
          format: !!python/name:pymdownx.superfences.fence_code_format

Are there additional yml config options? Or have others been using js to workaround this known mermaid issue?

[squidfunk]

It's not possible to configure Mermaid.js via mkdocs.yml, which is initialized here:

mkdocs-material/src/assets/javascripts/components/content/code/mermaid/index.ts

Lines 93 to 96 in 55a58da

	tap(() => mermaid.initialize({
	startOnLoad: false,
	themeCSS
	})),

I'm not keen on adding more and more configuration options, since this would make things really complicated and error prone. However, we could add the configuration option you mentioned as a default, since MkDocs is a static site generator, so what's going into the site is decided at build time and not by user interaction. Thus, allowing the author to bind click events should be totally fine.

PR appreciated.