Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Mermaid preview not showing graph nodes labels #92

Closed
raviolua opened this issue Feb 1, 2017 · 3 comments · Fixed by #163
Closed

Mermaid preview not showing graph nodes labels #92

raviolua opened this issue Feb 1, 2017 · 3 comments · Fixed by #163

Comments

@raviolua
Copy link

raviolua commented Feb 1, 2017 •
edited
Loading

Installed product versions

  • Visual Studio: 2015 Professional
  • This extension: 1.10.186

Description

Mermaid preview not showing graph nodes labels

Steps to recreate

  1. Create file *.md
  2. Fill with content:

```mermaid
graph TD;
A--sth-->B{bb};
```

Current behavior

Nodes are visible in preview window without inner labels ("A" or "bb"). Also no "std" label on arrow.

Expected behavior

Same as standard mermaid that is nodes with "A" and "bb" labels inside them and "sth" label on arrow.
@Sergey-Terekhin Sergey-Terekhin mentioned this issue Feb 3, 2017
Open
@BOT-Man-JL
Copy link
Contributor

I found that mermaid's svg is not supported in IE... 😕

IE 11

image

Edge

image

@vassilyl
Copy link

A workaround is to disable html labels: flowchart: {htmlLabels: false}, see mermaid-js/mermaid#142

This was referenced Aug 9, 2017
Merged
Closed
@yudigoh
Copy link

yudigoh commented Aug 13, 2018

add md-template.html to the directory where you have your md files.

put the following content into your template:

<!DOCTYPE html>
<html>
<head>
    <title>[title]</title>
</head>
<body>

    [content]
    <script>
        var config = {
            startOnLoad:true,
            flowchart:{
                htmlLabels:false
            }
        };
        mermaid.initialize(config);
    </script>
</body>
</html>

@BOT-Man-JL BOT-Man-JL mentioned this issue Aug 15, 2018
Merged
@BOT-Man-JL BOT-Man-JL mentioned this issue Nov 16, 2018
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Init mermaid for IE
4 participants
@vassilyl @yudigoh @BOT-Man-JL @raviolua