https://github.com/zacharyfmarion/marked-mermaid-element
A Polymer wrapper element for the marked parser, with support for mermaid.js graphs.
https://github.com/zacharyfmarion/marked-mermaid-element
Last synced: 3 months ago
JSON representation
A Polymer wrapper element for the marked parser, with support for mermaid.js graphs.
- Host: GitHub
- URL: https://github.com/zacharyfmarion/marked-mermaid-element
- Owner: zacharyfmarion
- Created: 2015-08-28T02:03:54.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2015-08-30T14:58:39.000Z (almost 11 years ago)
- Last Synced: 2026-01-23T18:29:55.442Z (4 months ago)
- Language: HTML
- Homepage:
- Size: 168 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
marked-mermaid-element
==============
Element wrapper for the [marked](https://github.com/chjj/marked) library with support for [mermaid.js](https://github.com/knsv/mermaid).
``functions in the same way the Polymer's marked attribute functions, except it adds support for mermaid.js. For information on the syntax, visit their [website](http://knsv.github.io/mermaid/). You can declare a mermaid element by specifying language of a code block as 'sequenceDiagram', 'graph', or 'gantt'. For example:
```
sequenceDiagram
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
```
```
graph TB
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end
c1-->a2
```
```
gantt
title A Gantt Diagram
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1 , 20d
section Another
Task in sec :2014-01-12 , 12d
anther task : 24d
```
Install from bower: `bower install --save marked-mermaid-element`