Mermaid Previewer chrome extension

Version: 1.3.0
Mermaid Previewer
Preview and export mermaid in github/bitbucket.
5.00 Based on 2 user rates

What is Mermaid Previewer?

Mermaid Previewer is a developer tools chrome extension. it's a free extension , it has 512 active users since released its first version, it earns an average rating of 5.00 from 2 rated user, last update is 382 days ago.


What’s new in version 1.3.0?

                # Mermaid Previewer

A chrome extension for previewing and exporting mermaid images in markdown, supports bitbucket and github, fully renders mermaid locally, and does not involve remote api calls.

On eligible websites, the preview can be realized by setting the code block language in markdown to mermaid:
```mermaid
graph LR
A --> B
```

Click the right mouse button on the rendered mermaid image and select "Export SVG" to export the svg file.

## Feature List

- [x] Bitbucket
  - [x] readme
  - [x] markdown preview
  - [x] edit preview
  - [x] svg export
- [x] GitHub
  - [x] svg export
- [x] custom exclusion lists and rule lists

At the same time, the following pages with dom structure are supported:
```html
<pre lang="mermaid">
  <code>
    graph LR
    A --> B
  </code>
</pre>
```
or
```html
<div class="codehilite">
  <pre>
    graph LR
    A --> B
  </pre>
</div>
```


## Config

You can customize the configuration to support and exclude more websites. The default configuration of the extension is as follows:

Exclude Domain:
```
chrome.google.com
gitlab.com
```
Match Selectors:
```
pre[lang='mermaid'] > code
div.codehilite > pre
```

## Changelog
- [1.3.0]  Update mermaid version to 10.1.0, the export function is changed to export svg to support more styles and font-awesome.
- [1.2.9]  Update mermaid version to 10.0.2, support font-awesome and gitGraph.
- [1.2.8]  Update mermaid version to 9.1.3, fix repeat toast & modify toast style.
- [1.2.7]  Update mermaid version to 8.14.0, support GitHub native mermaid download.
- [1.2.6]  Update mermaid version to 8.13.8, optimize configuration page interaction and style.
- [1.2.5]  Update mermaid version to 8.13.5, fix preview issue of Bitbucket.
- [1.2.4]  Added popup options page, providing domain exclusion and dom selector configuration.
- [1.2.3]  Update mermaid version to 8.13.3.
- [1.2.2]  Update mermaid version to 8.13.2.
- [1.2.1]  Fix Toast.
- [1.2.0]  Mermaid graph export.
- [1.1.0]  Added bitbucket support, updated mermaid version to 8.12.1.
- [1.0.1]  Update mermaid version to 8.12.0.
- [1.0.0]  First released, mermaid version 8.11.5.            

How to install Mermaid Previewer?

You could download the latest version crx file or older version files and install it.


Preview of Mermaid Previewer


Technical Features:

  • Latest Version: 1.3.0
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Wednesday, April 12th, 2023
  • Author: zzzzzzzephyr

Mermaid Previewer Available languages:

English.


FAQ


Reviews of mermaid previewer:


Jason Denning March 17th, 2023
Jason Denning

Primarily using this with bitbucket and haven't had any issues with it yet.

Read more review & comments of mermaid previewer