UNPKG

md-mermaid-to-pdf

Version:

CLI tool for converting Markdown files to PDF with support for Mermaid graphics.

github.com/lezkizofrenik/md-to-pdf-ng

lezkizofrenik/md-to-pdf-ng

109 lines (78 loc) • 3.38 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<title> Markdown to PDF sample by md-to-pdf-ng </title> # Markdown To Pdf ## 1. Images ![Markdown Mark](markdown-mark.svg) ## 2. Typography ### 2.1. Paragraph **Lorem ipsum** dolor sit amet consectetur adipisicing elit. Quisquam, itaque ~~error vero~~ eius perferendis [googlum](https://google.com) iusto voluptas, eum saepe quae nemo et ab, nostrum debitis sequi quas. _Est eum officia praesentium._ ### 2.2. Lists #### 2.2.1. Unordered * foo * bar #### 2.2.2. Ordered 1. foo 1. bar ### 2.3. Blockquote > Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, itaque error vero eius perferendis iusto voluptas, eum saepe quae nemo et ab, nostrum debitis sequi quas. Est eum officia praesentium. ## 3. Tables | Key | Value | | --- | ----- | | foo | bar | | bar | foo | ## 4. Highlighted Code ```js const foo = 'bar'; console.log(foo === 'bar'); // => true const longString = 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, itaque error vero eius perferendis iusto voluptas, eum saepe quae nemo et ab, nostrum debitis sequi quas. Est eum officia praesentium.'; ``` ## 5. Long Paragraph Cross-reference to [Yay](#6-yay). Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime eos, fugit totam laboriosam harum earum cupiditate corporis, facilis nulla dolor hic consequatur. Magnam maiores unde aut esse est perferendis quos. Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur nobis laudantium iste repudiandae! Iusto, voluptas. Suscipit, iure autem! Fugiat, enim? Placeat quisquam optio reiciendis similique et ex voluptatum labore sit? ## 6. Yay Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime eos, fugit totam laboriosam harum earum cupiditate corporis, facilis nulla dolor hic consequatur. Magnam maiores unde aut esse est perferendis quos. ## 7. mermaid ```mermaid gantt dateFormat YYYY-MM-DD title Adding GANTT diagram to mermaid excludes weekdays 2014-01-10 section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d ``` ```mermaid sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts <br/>prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good! ``` ```mermaid classDiagram Class01 <|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --> C2 : Where am i? Class09 --* C3 Class09 --|> Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 <--> C2: Cool label ``` <!-- Water mark example: --> <div style="position: fixed; display: flex; alignItems: center; top: 45%; left: 1%; height: 96px; font-size: 96px; opacity: 10%; transform: rotate(-45deg);"> <img style="width: 96px; height:96px; margin: 0px" src='./watermark.jpg' /> <span style="line-height: 96px; margin-left: 15px"> Watermark </span> </div>