@peaceroad/markdown-it-figure-with-p-caption 0.5.2 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,140 @@
1
+ [Markdown]
2
+ A paragraph. multipleImages: true.
3
+
4
+ Figure. Cats.
5
+
6
+ ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
7
+
8
+ A paragraph.
9
+ [HTML]
10
+ <p>A paragraph. multipleImages: true.</p>
11
+ <figure class="f-img-horizontal">
12
+ <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
13
+ <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
14
+ </figure>
15
+ <p>A paragraph.</p>
16
+
17
+
18
+ [Markdown]
19
+ A paragraph. multipleImages: true.
20
+
21
+ ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
22
+
23
+ Figure. Cats.
24
+
25
+ A paragraph.
26
+ [HTML]
27
+ <p>A paragraph. multipleImages: true.</p>
28
+ <figure class="f-img-horizontal">
29
+ <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
30
+ <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
31
+ </figure>
32
+ <p>A paragraph.</p>
33
+
34
+
35
+ [Markdown]
36
+ A paragraph. multipleImages: true.
37
+
38
+ Figure. Cats.
39
+
40
+ ![One cat](cat1.jpg)![Two cat](cat2.jpg)![Three cat](cat3.jpg) {.style}
41
+
42
+ A paragraph.
43
+ [HTML]
44
+ <p>A paragraph. multipleImages: true.</p>
45
+ <figure class="f-img-horizontal style">
46
+ <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
47
+ <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat"><img src="cat3.jpg" alt="Three cat">
48
+ </figure>
49
+ <p>A paragraph.</p>
50
+
51
+ [Markdown]
52
+ A paragraph. multipleImages: true.
53
+
54
+ Figure. Cats.
55
+
56
+ ![One cat](cat1.jpg)
57
+ ![Two cat](cat2.jpg)
58
+
59
+ A paragraph.
60
+ [HTML]
61
+ <p>A paragraph. multipleImages: true.</p>
62
+ <figure class="f-img-vertical">
63
+ <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
64
+ <img src="cat1.jpg" alt="One cat">
65
+ <img src="cat2.jpg" alt="Two cat">
66
+ </figure>
67
+ <p>A paragraph.</p>
68
+
69
+ [Markdown]
70
+ A paragraph. multipleImages: true.
71
+
72
+ Figure. Cats.
73
+
74
+ ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
75
+ ![Three cat](cat3.jpg)
76
+
77
+ A paragraph.
78
+ [HTML]
79
+ <p>A paragraph. multipleImages: true.</p>
80
+ <figure class="f-img-multiple">
81
+ <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
82
+ <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
83
+ <img src="cat3.jpg" alt="Three cat">
84
+ </figure>
85
+ <p>A paragraph.</p>
86
+
87
+ [Markdown]
88
+ A paragraph. multipleImages: true.
89
+
90
+ Figure. Cats.
91
+
92
+ ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
93
+ ![Three cat](cat3.jpg) {.style}
94
+
95
+ A paragraph.
96
+ [HTML]
97
+ <p>A paragraph. multipleImages: true.</p>
98
+ <figure class="f-img-multiple style">
99
+ <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
100
+ <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
101
+ <img src="cat3.jpg" alt="Three cat">
102
+ </figure>
103
+ <p>A paragraph.</p>
104
+
105
+
106
+ [Markdown]
107
+ A paragraph. multipleImages: true.
108
+
109
+ ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
110
+ ![Three cat](cat3.jpg)![Four cat](cat4.jpg) {.style #id}
111
+
112
+ Figure. Cats.
113
+
114
+ A paragraph.
115
+ [HTML]
116
+ <p>A paragraph. multipleImages: true.</p>
117
+ <figure class="f-img-multiple style" id="id">
118
+ <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
119
+ <img src="cat3.jpg" alt="Three cat"><img src="cat4.jpg" alt="Four cat">
120
+ <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
121
+ </figure>
122
+ <p>A paragraph.</p>
123
+
124
+
125
+
126
+ [Markdown]
127
+ A paragraph. multipleImages: true.
128
+
129
+ ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
130
+ ![Three cat](cat3.jpg)![Four cat](cat4.jpg) {.style #id}
131
+
132
+ A paragraph.
133
+ [HTML]
134
+ <p>A paragraph. multipleImages: true.</p>
135
+ <figure class="f-img-multiple style" id="id">
136
+ <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
137
+ <img src="cat3.jpg" alt="Three cat"><img src="cat4.jpg" alt="Four cat">
138
+ </figure>
139
+ <p>A paragraph.</p>
140
+
@@ -277,19 +277,6 @@ Figure. A cat.
277
277
  <img src="cat.jpg" alt="Figure">
278
278
  </figure>
279
279
 
280
-
281
- [Markdown]
282
- Figure 12. A cat.
283
-
284
- ![Figure](cat.jpg)
285
-
286
- [HTML]
287
- <figure class="f-img">
288
- <figcaption><span class="f-img-label label-has-num">Figure 12<span class="f-img-label-joint">.</span></span> A cat.</figcaption>
289
- <img src="cat.jpg" alt="Figure">
290
- </figure>
291
-
292
-
293
280
  [Markdown]
294
281
  A paragraph.
295
282
 
@@ -406,6 +393,8 @@ A paragraph.
406
393
  <p>A paragraph.</p>
407
394
 
408
395
 
396
+
397
+
409
398
  [Markdown]
410
399
  A paragraph.
411
400
 
@@ -530,6 +519,7 @@ A paragraph.
530
519
  <p>A paragraph.</p>
531
520
 
532
521
 
522
+
533
523
  [Markdown]
534
524
  A paragraph.
535
525
 
@@ -610,61 +600,6 @@ A paragraph.
610
600
  </figure>
611
601
  <p>A paragraph.</p>
612
602
 
613
- [Markdown]
614
- ![Figure](cat.jpg)
615
-
616
- A paragraph.
617
-
618
- ![Figure](cat.jpg)
619
-
620
- A paragraph.
621
-
622
- [HTML]
623
- <figure class="f-img">
624
- <img src="cat.jpg" alt="Figure">
625
- </figure>
626
- <p>A paragraph.</p>
627
- <figure class="f-img">
628
- <img src="cat.jpg" alt="Figure">
629
- </figure>
630
- <p>A paragraph.</p>
631
-
632
-
633
- [Markdown]
634
- A paragraph.
635
-
636
- - ![Figure](cat.jpg)
637
-
638
- A paragraph.
639
-
640
- [HTML]
641
- <p>A paragraph.</p>
642
- <ul>
643
- <li><img src="cat.jpg" alt="Figure"></li>
644
- </ul>
645
- <p>A paragraph.</p>
646
-
647
-
648
- [Markdown]
649
- A paragraph.
650
-
651
- リスト1 キャプション
652
-
653
- ```js
654
- console.log('Nyaan!');
655
- ```
656
-
657
- A paragraph.
658
-
659
- [HTML]
660
- <p>A paragraph.</p>
661
- <figure class="f-pre-code" role="doc-example">
662
- <figcaption><span class="f-pre-code-label label-has-num">リスト1</span> キャプション</figcaption>
663
- <pre><code class="language-js">console.log('Nyaan!');
664
- </code></pre>
665
- </figure>
666
- <p>A paragraph.</p>
667
-
668
603
 
669
604
  [Markdown]
670
605
  Figure. A Caption.
@@ -696,41 +631,6 @@ Figure. A Caption.
696
631
  <p class="style"><img src="cat.jpg" alt="Figure"> Text</p>
697
632
 
698
633
 
699
- [Markdown]
700
- A paragraph.
701
-
702
- <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/XXXXXXXXXXX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
703
-
704
- A paragraph.
705
- [HTML]
706
- <p>A paragraph.</p>
707
- <figure class="f-video">
708
- <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/XXXXXXXXXXX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
709
- </figure>
710
- <p>A paragraph.</p>
711
-
712
-
713
- [Markdown]
714
- <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/XXXXXXXXXXX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
715
- [HTML]
716
- <figure class="f-video">
717
- <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/XXXXXXXXXXX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
718
- </figure>
719
-
720
- [Markdown]
721
- <iframe src="https://example.com/embed" class="mastodon-embed" style="max-width: 100%; border: 0" width="400" allowfullscreen="allowfullscreen"></iframe><script src="https://exapmle.com/embed.js" async="async"></script>
722
- [HTML]
723
- <figure class="f-iframe">
724
- <iframe src="https://example.com/embed" class="mastodon-embed" style="max-width: 100%; border: 0" width="400" allowfullscreen="allowfullscreen"></iframe><script src="https://exapmle.com/embed.js" async="async"></script>
725
- </figure>
726
-
727
- [Markdown]
728
- <iframe class="speakerdeck-iframe" style="border: 0px none; background: rgba(0, 0, 0, 0.1) padding-box; margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 314;" src="https://speakerdeck.com/player/xxxxxxxxxxxxxx" title="xxxxxxxxxxx" allowfullscreen="true" data-ratio="1.78343949044586" frameborder="0"></iframe>
729
- [HTML]
730
- <figure class="f-iframe">
731
- <iframe class="speakerdeck-iframe" style="border: 0px none; background: rgba(0, 0, 0, 0.1) padding-box; margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 314;" src="https://speakerdeck.com/player/xxxxxxxxxxxxxx" title="xxxxxxxxxxx" allowfullscreen="true" data-ratio="1.78343949044586" frameborder="0"></iframe>
732
- </figure>
733
-
734
634
 
735
635
  [Markdown]
736
636
  Slide. A caption.
@@ -742,170 +642,14 @@ Slide. A caption.
742
642
  <iframe class="speakerdeck-iframe" style="border: 0px none; background: rgba(0, 0, 0, 0.1) padding-box; margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 314;" src="https://speakerdeck.com/player/xxxxxxxxxxxxxx" title="xxxxxxxxxxx" allowfullscreen="true" data-ratio="1.78343949044586" frameborder="0"></iframe>
743
643
  </figure>
744
644
 
745
- [Markdown]
746
- <iframe src="https://player.vimeo.com/video/xxxxxxxxxxxxxxx" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
747
- <p><a href="https://vimeo.com/xxxx">Title</a> from <a href="https://vimeo.com/yyy">User</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
748
- [HTML]
749
- <figure class="f-video">
750
- <iframe src="https://player.vimeo.com/video/xxxxxxxxxxxxxxx" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
751
- <p><a href="https://vimeo.com/xxxx">Title</a> from <a href="https://vimeo.com/yyy">User</a> on <a href="https://vimeo.com">Vimeo</a>.</p></figure>
752
-
753
- [Markdown]
754
- <iframe src="https://player.vimeo.com/video/xxxxxxxxxxxxxxx" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
755
- [HTML]
756
- <figure class="f-video">
757
- <iframe src="https://player.vimeo.com/video/xxxxxxxxxxxxxxx" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
758
- </figure>
759
-
760
- [Markdown]
761
- A paragraph. iframeWithoutCaption: true.
762
-
763
- <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">XXXXX <a href="https://t.co/XXXXX">https://t.co/XXXXX</a></p>&mdash; User (@twitter) <a href="https://twitter.com/UserID/status/XXXXX">August 4, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
764
-
765
- A paragraph.
766
- [HTML]
767
- <p>A paragraph. iframeWithoutCaption: true.</p>
768
- <figure class="f-iframe">
769
- <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">XXXXX <a href="https://t.co/XXXXX">https://t.co/XXXXX</a></p>&mdash; User (@twitter) <a href="https://twitter.com/UserID/status/XXXXX">August 4, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
770
- </figure>
771
- <p>A paragraph.</p>
772
-
773
- [Markdown]
774
- A paragraph. multipleImages: true.
775
-
776
- Figure. Cats.
777
-
778
- ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
779
-
780
- A paragraph.
781
- [HTML]
782
- <p>A paragraph. multipleImages: true.</p>
783
- <figure class="f-img-horizontal">
784
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
785
- <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
786
- </figure>
787
- <p>A paragraph.</p>
788
-
789
-
790
- [Markdown]
791
- A paragraph. multipleImages: true.
792
-
793
- ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
794
-
795
- Figure. Cats.
796
-
797
- A paragraph.
798
- [HTML]
799
- <p>A paragraph. multipleImages: true.</p>
800
- <figure class="f-img-horizontal">
801
- <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
802
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
803
- </figure>
804
- <p>A paragraph.</p>
805
-
806
-
807
- [Markdown]
808
- A paragraph. multipleImages: true.
809
-
810
- Figure. Cats.
811
-
812
- ![One cat](cat1.jpg)![Two cat](cat2.jpg)![Three cat](cat3.jpg) {.style}
813
-
814
- A paragraph.
815
- [HTML]
816
- <p>A paragraph. multipleImages: true.</p>
817
- <figure class="f-img-horizontal style">
818
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
819
- <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat"><img src="cat3.jpg" alt="Three cat">
820
- </figure>
821
- <p>A paragraph.</p>
822
645
 
823
646
  [Markdown]
824
- A paragraph. multipleImages: true.
825
-
826
- Figure. Cats.
827
-
828
- ![One cat](cat1.jpg)
829
- ![Two cat](cat2.jpg)
830
-
831
- A paragraph.
832
- [HTML]
833
- <p>A paragraph. multipleImages: true.</p>
834
- <figure class="f-img-vertical">
835
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
836
- <img src="cat1.jpg" alt="One cat">
837
- <img src="cat2.jpg" alt="Two cat">
838
- </figure>
839
- <p>A paragraph.</p>
840
-
841
- [Markdown]
842
- A paragraph. multipleImages: true.
843
-
844
- Figure. Cats.
845
-
846
- ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
847
- ![Three cat](cat3.jpg)
848
-
849
- A paragraph.
850
- [HTML]
851
- <p>A paragraph. multipleImages: true.</p>
852
- <figure class="f-img-multiple">
853
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
854
- <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
855
- <img src="cat3.jpg" alt="Three cat">
856
- </figure>
857
- <p>A paragraph.</p>
858
-
859
- [Markdown]
860
- A paragraph. multipleImages: true.
861
-
862
- Figure. Cats.
863
-
864
- ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
865
- ![Three cat](cat3.jpg) {.style}
866
-
867
- A paragraph.
868
- [HTML]
869
- <p>A paragraph. multipleImages: true.</p>
870
- <figure class="f-img-multiple style">
871
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
872
- <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
873
- <img src="cat3.jpg" alt="Three cat">
874
- </figure>
875
- <p>A paragraph.</p>
876
-
877
-
878
- [Markdown]
879
- A paragraph. multipleImages: true.
880
-
881
- ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
882
- ![Three cat](cat3.jpg)![Four cat](cat4.jpg) {.style #id}
883
-
884
- Figure. Cats.
885
-
886
- A paragraph.
647
+ <video controls width="400" height="300">
648
+ <source src="example.mp4" type="video/mp4">
649
+ </video>
887
650
  [HTML]
888
- <p>A paragraph. multipleImages: true.</p>
889
- <figure class="f-img-multiple style" id="id">
890
- <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
891
- <img src="cat3.jpg" alt="Three cat"><img src="cat4.jpg" alt="Four cat">
892
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Cats.</figcaption>
893
- </figure>
894
- <p>A paragraph.</p>
895
-
896
-
897
-
898
- [Markdown]
899
- A paragraph. multipleImages: true.
651
+ <video controls width="400" height="300">
652
+ <source src="example.mp4" type="video/mp4">
653
+ </video>
900
654
 
901
- ![One cat](cat1.jpg) ![Two cat](cat2.jpg)
902
- ![Three cat](cat3.jpg)![Four cat](cat4.jpg) {.style #id}
903
655
 
904
- A paragraph.
905
- [HTML]
906
- <p>A paragraph. multipleImages: true.</p>
907
- <figure class="f-img-multiple style" id="id">
908
- <img src="cat1.jpg" alt="One cat"><img src="cat2.jpg" alt="Two cat">
909
- <img src="cat3.jpg" alt="Three cat"><img src="cat4.jpg" alt="Four cat">
910
- </figure>
911
- <p>A paragraph.</p>
@@ -0,0 +1,45 @@
1
+ [Markdown]
2
+ ![Figure](cat.jpg)
3
+
4
+ A paragraph.
5
+
6
+ ![Figure](cat.jpg)
7
+
8
+ A paragraph.
9
+
10
+ [HTML]
11
+ <figure class="f-img">
12
+ <img src="cat.jpg" alt="Figure">
13
+ </figure>
14
+ <p>A paragraph.</p>
15
+ <figure class="f-img">
16
+ <img src="cat.jpg" alt="Figure">
17
+ </figure>
18
+ <p>A paragraph.</p>
19
+
20
+
21
+ [Markdown]
22
+ A paragraph.
23
+
24
+ - ![Figure](cat.jpg)
25
+
26
+ A paragraph.
27
+
28
+ [HTML]
29
+ <p>A paragraph.</p>
30
+ <ul>
31
+ <li><img src="cat.jpg" alt="Figure"></li>
32
+ </ul>
33
+ <p>A paragraph.</p>
34
+
35
+ [Markdown]
36
+ Figure. A Caption.
37
+
38
+ ![Figure](cat.jpg)
39
+ [HTML]
40
+ <figure class="f-img">
41
+ <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
42
+ <img src="cat.jpg" alt="Figure">
43
+ </figure>
44
+
45
+
@@ -0,0 +1,11 @@
1
+ [Markdown]
2
+ <video controls width="400" height="300">
3
+ <source src="example.mp4" type="video/mp4">
4
+ </video>
5
+ [HTML]
6
+ <figure class="f-video">
7
+ <video controls width="400" height="300">
8
+ <source src="example.mp4" type="video/mp4">
9
+ </video>
10
+ </figure>
11
+