Mermaid Previewer Chrome Extension

Preview and export mermaid in github/bitbucket..
# Mermaid Previewer

## github has natively supported mermaid since 2022-02-14 [link](https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/)

A chrome extension for previewing and exporting mermaid in github/bitbucket.

Set the code block language to mermaid in markdown:

```mermaid

graph LR

A --> B

```

Right-click on the rendered mermaid image and select "Export png" to export the png image.

## support list

- [x] GitHub

- [x] mermaid export

- [x] Bitbucket

- [x] readme

- [x] markdown preview

- [x] edit preview

- [x] ...

- [x] mermaid export.

- [x] provide custom exclusion list and rule list configuration capabilities.

## 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.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 picture 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 chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Mermaid Previewer Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Mermaid Previewer Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Mermaid Previewer in Chrome Webstore Search and click on the search button.
• Step 3: click on the Mermaid Previewer Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Mermaid Previewer extension for your Chrome Web browser .