IDE Plugin not working

[sidharthv96]

Description

When I sync my projects with my api key, they load but will not open in WebStorm or Visual Studio Code

https://youtu.be/3qt0S6KYiSc

Steps to reproduce

Create Mermaid account
Download plugin
Create sample chart
Add key to plugin
Load my charts successfully
🐛🚨 Click chart and nothing happens

Screenshots

video is worth like 1,000 screenshots I've heard: https://youtu.be/3qt0S6KYiSc

Originally posted by @technoplato on mermaid-js/mermaid#5768

[jgreywolf]

@technoplato
In viewing the video I think what is missing is that the plugins for jetbrains and vscode currently do not allow you to edit or view the diagram directly from the listing. Instead, when you have a file open and you click on the diagram name it will insert a reference (as a comment) to your diagram into the code directly.

After which you can click on either "edit" (which will open the mermaidchart.com webpage in a browser window) or "view" which should open a preview of the diagram

[technoplato]

@technoplato In viewing the video I think what is missing is that the plugins for jetbrains and vscode currently do not allow you to edit or view the diagram directly from the listing. Instead, when you have a file open and you click on the diagram name it will insert a reference (as a comment) to your diagram into the code directly.

After which you can click on either "edit" (which will open the mermaidchart.com webpage in a browser window) or "view" which should open a preview of the diagram

Thanks for the response will try this next time I’m working on mermaid chart.