UNPKG

micro-mdx-parser

Version:

A tiny parser to convert markdown or html into JSON

github.com/DavidWells/micro-mdx

DavidWells/micro-mdx

63 lines (40 loc) • 2.36 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
# Images ### Left alignment <img align="left" width="100" height="100" src="https://picsum.photos/100/100" /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae mauris arcu, eu pretium nisi. Praesent fringilla ornare ullamcorper. Pellentesque diam orci, sodales in blandit ut, placerat quis felis. Vestibulum at sem massa, in tempus nisi. Vivamus ut fermentum odio. Etiam porttitor faucibus volutpat. Vivamus vitae mi ligula, non hendrerit urna. Suspendisse potenti. Quisque eget massa a massa semper mollis. **Left alignment snippet:** ```html <img align="left" width="100" height="100" src="https://picsum.photos/100/100" /> ``` --- ### Right alignment <p> <img align="right" width="100" height="100" src="https://picsum.photos/100/100" /> </p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae mauris arcu, eu pretium nisi. Praesent fringilla ornare ullamcorper. Pellentesque diam orci, sodales in blandit ut, placerat quis felis. Vestibulum at sem massa, in tempus nisi. Vivamus ut fermentum odio. Etiam porttitor faucibus volutpat. Vivamus vitae mi ligula, non hendrerit urna. Suspendisse potenti. Quisque eget massa a massa semper mollis. **Right alignment snippet:** ```html <p align="inside-fence"> <img align="inside-fence-right" width="100" height="100" src="inside-fence-https://picsum.photos/100/100" /> </p> ``` --- ### Center alignment Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae mauris arcu, eu pretium nisi. Praesent fringilla ornare ullamcorper. Pellentesque diam orci, sodales in blandit ut, placerat quis felis. Vestibulum at sem massa, in tempus nisi. Vivamus ut fermentum odio. Etiam porttitor faucibus volutpat. Vivamus vitae mi ligula, non hendrerit urna. Suspendisse potenti. Quisque eget massa a massa semper mollis. <p align="center"> <img width="460" height="300" src="https://picsum.photos/460/300" /> </p> **Center alignment snippet:** ```html <p align="inside-fence-center"> <img width="inside-fence-460" height="inside-fence-300" src="https://inside-fence-.photos/460/300" /> </p> ``` --- ### Full width image <img width="100%" height="500" src="https://picsum.photos/1400/500" /> **Full width image snippet:** ```html <img width="inside-fence-100%" height="inside-fence-500" src="https://inside-fence-.photos/1400/500" /> ``` ---