@peaceroad/markdown-it-figure-with-p-caption 0.12.0 → 0.13.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.
Files changed (21) hide show
  1. package/README.md +10 -4
  2. package/index.js +227 -121
  3. package/package.json +8 -2
  4. package/.vscode/settings.json +0 -5
  5. package/test/examples-all-iframe-type-figure-class-name.txt +0 -192
  6. package/test/examples-console.txt +0 -125
  7. package/test/examples-has-num-class.txt +0 -31
  8. package/test/examples-iframe-type-blockquote-without-caption.txt +0 -92
  9. package/test/examples-iframe-without-caption.txt +0 -64
  10. package/test/examples-img-alt-caption-number.en.txt +0 -51
  11. package/test/examples-img-alt-caption.en.txt +0 -60
  12. package/test/examples-img-alt-caption.ja.txt +0 -84
  13. package/test/examples-img-title-caption-number.en.txt +0 -60
  14. package/test/examples-img-title-caption.en.txt +0 -60
  15. package/test/examples-img-title-caption.ja.txt +0 -30
  16. package/test/examples-multiple-images.txt +0 -140
  17. package/test/examples-no-option.txt +0 -770
  18. package/test/examples-one-image-without-caption.txt +0 -59
  19. package/test/examples-set-figure-number.en.txt +0 -21
  20. package/test/examples-video-without-caption.txt +0 -52
  21. package/test/test.js +0 -208
package/test/examples-no-option.txt DELETED
@@ -1,770 +0,0 @@
1
- [Markdown]
2
- Figure. A Caption.
3
-
4
- ![Figure](cat.jpg)
5
- [HTML]
6
- <figure class="f-img">
7
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
8
- <img src="cat.jpg" alt="Figure">
9
- </figure>
10
-
11
- [Markdown]
12
- Figure. A Caption.
13
-
14
- ![Figure](dog.jpg)
15
- [HTML]
16
- <figure class="f-img">
17
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
18
- <img src="dog.jpg" alt="Figure">
19
- </figure>
20
-
21
-
22
- [Markdown]
23
- Figure. A Caption.
24
-
25
- ![Figure](cat.jpg)
26
-
27
- Figure. A Caption.
28
-
29
- ![Figure](cat.jpg)
30
- [HTML]
31
- <figure class="f-img">
32
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
33
- <img src="cat.jpg" alt="Figure">
34
- </figure>
35
- <figure class="f-img">
36
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
37
- <img src="cat.jpg" alt="Figure">
38
- </figure>
39
-
40
-
41
- [Markdown]
42
- ![Figure](cat.jpg)
43
-
44
- Figure. A Caption.
45
- [HTML]
46
- <figure class="f-img">
47
- <img src="cat.jpg" alt="Figure">
48
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
49
- </figure>
50
-
51
- [Markdown]
52
- ![Figure](cat.jpg)
53
-
54
- Figure. A Caption.
55
-
56
- ![Figure](cat.jpg)
57
-
58
- Figure. A Caption.
59
- [HTML]
60
- <figure class="f-img">
61
- <img src="cat.jpg" alt="Figure">
62
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
63
- </figure>
64
- <figure class="f-img">
65
- <img src="cat.jpg" alt="Figure">
66
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
67
- </figure>
68
-
69
-
70
- [Markdown]
71
- ![Figure](cat.jpg)
72
-
73
- Figure. A Caption.
74
-
75
- Figure. A Caption.
76
-
77
- ![Figure](cat.jpg)
78
-
79
- [HTML]
80
- <figure class="f-img">
81
- <img src="cat.jpg" alt="Figure">
82
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
83
- </figure>
84
- <figure class="f-img">
85
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
86
- <img src="cat.jpg" alt="Figure">
87
- </figure>
88
-
89
-
90
- [Markdown]
91
- Figure. A Caption.
92
-
93
- ![Figure](cat.jpg)
94
-
95
- ![Figure](cat.jpg)
96
-
97
- Figure. A Caption.
98
-
99
-
100
- [HTML]
101
- <figure class="f-img">
102
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
103
- <img src="cat.jpg" alt="Figure">
104
- </figure>
105
- <figure class="f-img">
106
- <img src="cat.jpg" alt="Figure">
107
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
108
- </figure>
109
-
110
-
111
- [Markdown]
112
- A paragraph.
113
-
114
- Table. A Caption.
115
-
116
- | Tokyo | Osaka |
117
- | ----- | ----- |
118
- | Sushi | Takoyaki |
119
-
120
- A paragraph.
121
- [HTML]
122
- <p>A paragraph.</p>
123
- <figure class="f-table">
124
- <figcaption><span class="f-table-label">Table<span class="f-table-label-joint">.</span></span> A Caption.</figcaption>
125
- <table>
126
- <thead>
127
- <tr>
128
- <th>Tokyo</th>
129
- <th>Osaka</th>
130
- </tr>
131
- </thead>
132
- <tbody>
133
- <tr>
134
- <td>Sushi</td>
135
- <td>Takoyaki</td>
136
- </tr>
137
- </tbody>
138
- </table>
139
- </figure>
140
- <p>A paragraph.</p>
141
-
142
-
143
- [Markdown]
144
- A paragraph.
145
-
146
- | Tokyo | Osaka |
147
- | ----- | ----- |
148
- | Sushi | Takoyaki |
149
-
150
-
151
- Table. A Caption.
152
-
153
- A paragraph.
154
- [HTML]
155
- <p>A paragraph.</p>
156
- <figure class="f-table">
157
- <table>
158
- <thead>
159
- <tr>
160
- <th>Tokyo</th>
161
- <th>Osaka</th>
162
- </tr>
163
- </thead>
164
- <tbody>
165
- <tr>
166
- <td>Sushi</td>
167
- <td>Takoyaki</td>
168
- </tr>
169
- </tbody>
170
- </table>
171
- <figcaption><span class="f-table-label">Table<span class="f-table-label-joint">.</span></span> A Caption.</figcaption>
172
- </figure>
173
- <p>A paragraph.</p>
174
-
175
-
176
- [Markdown]
177
- A paragraph.
178
-
179
- Code. A Caption.
180
-
181
- ```js
182
- console.log('Hello World!');
183
- ```
184
-
185
- A paragraph.
186
-
187
- [HTML]
188
- <p>A paragraph.</p>
189
- <figure class="f-pre-code">
190
- <figcaption><span class="f-pre-code-label">Code<span class="f-pre-code-label-joint">.</span></span> A Caption.</figcaption>
191
- <pre><code class="language-js">console.log('Hello World!');
192
- </code></pre>
193
- </figure>
194
- <p>A paragraph.</p>
195
-
196
-
197
- [Markdown]
198
- A paragraph.
199
-
200
- ```js
201
- console.log('Hello World!');
202
- ```
203
-
204
- Code. A Caption.
205
-
206
- A paragraph.
207
-
208
- [HTML]
209
- <p>A paragraph.</p>
210
- <figure class="f-pre-code">
211
- <pre><code class="language-js">console.log('Hello World!');
212
- </code></pre>
213
- <figcaption><span class="f-pre-code-label">Code<span class="f-pre-code-label-joint">.</span></span> A Caption.</figcaption>
214
- </figure>
215
- <p>A paragraph.</p>
216
-
217
- [Markdown]
218
- A paragraph.
219
-
220
- Terminal. A Caption.
221
-
222
- ```samp
223
- $ pwd
224
- /home/user
225
- ```
226
-
227
- A paragraph.
228
-
229
- [HTML]
230
- <p>A paragraph.</p>
231
- <figure class="f-pre-samp">
232
- <figcaption><span class="f-pre-samp-label">Terminal<span class="f-pre-samp-label-joint">.</span></span> A Caption.</figcaption>
233
- <pre><samp>$ pwd
234
- /home/user
235
- </samp></pre>
236
- </figure>
237
- <p>A paragraph.</p>
238
-
239
-
240
- [Markdown]
241
- A paragraph.
242
-
243
- ```samp
244
- $ pwd
245
- /home/user
246
- ```
247
-
248
- Terminal. A Caption.
249
-
250
- A paragraph.
251
- [HTML]
252
- <p>A paragraph.</p>
253
- <figure class="f-pre-samp">
254
- <pre><samp>$ pwd
255
- /home/user
256
- </samp></pre>
257
- <figcaption><span class="f-pre-samp-label">Terminal<span class="f-pre-samp-label-joint">.</span></span> A Caption.</figcaption>
258
- </figure>
259
- <p>A paragraph.</p>
260
-
261
-
262
- [Markdown]
263
- ![Figure](cat.jpg)
264
-
265
- [HTML]
266
- <p><img src="cat.jpg" alt="Figure"></p>
267
-
268
-
269
- [Markdown]
270
- Figure. A cat.
271
-
272
- ![Figure](cat.jpg)
273
-
274
- [HTML]
275
- <figure class="f-img">
276
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A cat.</figcaption>
277
- <img src="cat.jpg" alt="Figure">
278
- </figure>
279
-
280
- [Markdown]
281
- A paragraph.
282
-
283
- ```js
284
- console.log('Hello World!');
285
- ```
286
-
287
- [HTML]
288
- <p>A paragraph.</p>
289
- <pre><code class="language-js">console.log('Hello World!');
290
- </code></pre>
291
-
292
- [Markdown]
293
- A paragraph.
294
-
295
- | Tokyo | Osaka |
296
- | ----- | ----- |
297
- | Sushi | Takoyaki |
298
-
299
- [HTML]
300
- <p>A paragraph.</p>
301
- <table>
302
- <thead>
303
- <tr>
304
- <th>Tokyo</th>
305
- <th>Osaka</th>
306
- </tr>
307
- </thead>
308
- <tbody>
309
- <tr>
310
- <td>Sushi</td>
311
- <td>Takoyaki</td>
312
- </tr>
313
- </tbody>
314
- </table>
315
-
316
-
317
- [Markdown]
318
- A paragraph.
319
-
320
- Quote. A Caption.
321
-
322
- > A quoted paragraph.
323
- >
324
- > A quoted paragraph.
325
-
326
- A paragraph.
327
-
328
- [HTML]
329
- <p>A paragraph.</p>
330
- <figure class="f-blockquote">
331
- <figcaption><span class="f-blockquote-label">Quote<span class="f-blockquote-label-joint">.</span></span> A Caption.</figcaption>
332
- <blockquote>
333
- <p>A quoted paragraph.</p>
334
- <p>A quoted paragraph.</p>
335
- </blockquote>
336
- </figure>
337
- <p>A paragraph.</p>
338
-
339
-
340
- [Markdown]
341
- A paragraph.
342
-
343
- > A quoted paragraph.
344
- >
345
- > A quoted paragraph.
346
-
347
- Quote. A Caption.
348
-
349
- A paragraph.
350
-
351
- [HTML]
352
- <p>A paragraph.</p>
353
- <figure class="f-blockquote">
354
- <blockquote>
355
- <p>A quoted paragraph.</p>
356
- <p>A quoted paragraph.</p>
357
- </blockquote>
358
- <figcaption><span class="f-blockquote-label">Quote<span class="f-blockquote-label-joint">.</span></span> A Caption.</figcaption>
359
- </figure>
360
- <p>A paragraph.</p>
361
-
362
-
363
- [Markdown]
364
- A paragraph.
365
-
366
- Figure. A cat.
367
-
368
- ![Figure](cat.jpg)
369
-
370
- A paragraph.
371
-
372
- Video. A mp4.
373
-
374
- <video controls width="400" height="300">
375
- <source src="example.mp4" type="video/mp4">
376
- </video>
377
-
378
- A paragraph.
379
-
380
- [HTML]
381
- <p>A paragraph.</p>
382
- <figure class="f-img">
383
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A cat.</figcaption>
384
- <img src="cat.jpg" alt="Figure">
385
- </figure>
386
- <p>A paragraph.</p>
387
- <figure class="f-video">
388
- <figcaption><span class="f-video-label">Video<span class="f-video-label-joint">.</span></span> A mp4.</figcaption>
389
- <video controls width="400" height="300">
390
- <source src="example.mp4" type="video/mp4">
391
- </video>
392
- </figure>
393
- <p>A paragraph.</p>
394
-
395
-
396
-
397
-
398
- [Markdown]
399
- A paragraph.
400
-
401
- Figure. A cat.
402
-
403
- ![Figure](cat.jpg)
404
-
405
- Video. A mp4.
406
-
407
- <video controls width="400" height="300">
408
- <source src="example.mp4" type="video/mp4">
409
- </video>
410
-
411
- A paragraph.
412
-
413
- [HTML]
414
- <p>A paragraph.</p>
415
- <figure class="f-img">
416
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A cat.</figcaption>
417
- <img src="cat.jpg" alt="Figure">
418
- </figure>
419
- <figure class="f-video">
420
- <figcaption><span class="f-video-label">Video<span class="f-video-label-joint">.</span></span> A mp4.</figcaption>
421
- <video controls width="400" height="300">
422
- <source src="example.mp4" type="video/mp4">
423
- </video>
424
- </figure>
425
- <p>A paragraph.</p>
426
-
427
-
428
- [Markdown]
429
- A paragraph.
430
-
431
- Video. A youtube.
432
-
433
- <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>
434
-
435
- A paragraph.
436
- [HTML]
437
- <p>A paragraph.</p>
438
- <figure class="f-video">
439
- <figcaption><span class="f-video-label">Video<span class="f-video-label-joint">.</span></span> A youtube.</figcaption>
440
- <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>
441
- </figure>
442
- <p>A paragraph.</p>
443
-
444
-
445
- [Markdown]
446
- A paragraph.
447
-
448
- Source. Twitter Post.
449
-
450
- <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>
451
-
452
- A paragraph.
453
- [HTML]
454
- <p>A paragraph.</p>
455
- <figure class="f-img">
456
- <figcaption><span class="f-blockquote-label">Source<span class="f-blockquote-label-joint">.</span></span> Twitter Post.</figcaption>
457
- <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>
458
- </figure>
459
- <p>A paragraph.</p>
460
-
461
- [Markdown]
462
- A paragraph.
463
-
464
- Figure. Twitter Post.
465
-
466
- <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>
467
-
468
- A paragraph.
469
- [HTML]
470
- <p>A paragraph.</p>
471
- <figure class="f-img">
472
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Twitter Post.</figcaption>
473
- <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>
474
- </figure>
475
- <p>A paragraph.</p>
476
-
477
- [Markdown]
478
- A paragraph.
479
-
480
- <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>
481
-
482
- Figure. Twitter Post.
483
-
484
- A paragraph.
485
- [HTML]
486
- <p>A paragraph.</p>
487
- <figure class="f-img">
488
- <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>
489
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> Twitter Post.</figcaption>
490
- </figure>
491
- <p>A paragraph.</p>
492
-
493
- [Markdown]
494
- A paragraph.
495
-
496
- <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>
497
-
498
- Quote. Twitter Post.
499
-
500
- A paragraph.
501
- [HTML]
502
- <p>A paragraph.</p>
503
- <figure class="f-img">
504
- <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>
505
- <figcaption><span class="f-blockquote-label">Quote<span class="f-blockquote-label-joint">.</span></span> Twitter Post.</figcaption>
506
- </figure>
507
- <p>A paragraph.</p>
508
-
509
-
510
- [Markdown]
511
- A paragraph. 28.
512
-
513
- <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>
514
-
515
- A paragraph.
516
- [HTML]
517
- <p>A paragraph. 28.</p>
518
- <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>
519
- <p>A paragraph.</p>
520
-
521
-
522
-
523
- [Markdown]
524
- A paragraph.
525
-
526
- Code. "filename.js" Call a cat.
527
-
528
- ```js
529
- console.log('Nyaan!');
530
- ```
531
-
532
- A paragraph.
533
-
534
- [HTML]
535
- <p>A paragraph.</p>
536
- <figure class="f-pre-code">
537
- <figcaption><span class="f-pre-code-label">Code<span class="f-pre-code-label-joint">.</span></span> <strong class="f-pre-code-filename">filename.js</strong> Call a cat.</figcaption>
538
- <pre><code class="language-js">console.log('Nyaan!');
539
- </code></pre>
540
- </figure>
541
- <p>A paragraph.</p>
542
-
543
- [Markdown]
544
- A paragraph.
545
-
546
- Code. **filename.js** Call a cat.
547
-
548
- ```js
549
- console.log('Nyaan!');
550
- ```
551
-
552
- A paragraph.
553
-
554
- [HTML]
555
- <p>A paragraph.</p>
556
- <figure class="f-pre-code">
557
- <figcaption><span class="f-pre-code-label">Code<span class="f-pre-code-label-joint">.</span></span> <strong class="f-pre-code-filename">filename.js</strong> Call a cat.</figcaption>
558
- <pre><code class="language-js">console.log('Nyaan!');
559
- </code></pre>
560
- </figure>
561
- <p>A paragraph.</p>
562
-
563
- [Markdown]
564
- A paragraph.
565
-
566
- Code. "filename.js"
567
-
568
- ```js
569
- console.log('Nyaan!');
570
- ```
571
-
572
- A paragraph.
573
-
574
- [HTML]
575
- <p>A paragraph.</p>
576
- <figure class="f-pre-code">
577
- <figcaption><span class="f-pre-code-label">Code<span class="f-pre-code-label-joint">.</span></span> <strong class="f-pre-code-filename">filename.js</strong></figcaption>
578
- <pre><code class="language-js">console.log('Nyaan!');
579
- </code></pre>
580
- </figure>
581
- <p>A paragraph.</p>
582
-
583
- [Markdown]
584
- A paragraph.
585
-
586
- Code. **filename.js**
587
-
588
- ```js
589
- console.log('Nyaan!');
590
- ```
591
-
592
- A paragraph.
593
-
594
- [HTML]
595
- <p>A paragraph.</p>
596
- <figure class="f-pre-code">
597
- <figcaption><span class="f-pre-code-label">Code<span class="f-pre-code-label-joint">.</span></span> <strong class="f-pre-code-filename">filename.js</strong></figcaption>
598
- <pre><code class="language-js">console.log('Nyaan!');
599
- </code></pre>
600
- </figure>
601
- <p>A paragraph.</p>
602
-
603
-
604
- [Markdown]
605
- Figure. A Caption.
606
-
607
- ![Figure](cat.jpg) {.style}
608
- [HTML]
609
- <figure class="f-img style">
610
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
611
- <img src="cat.jpg" alt="Figure">
612
- </figure>
613
-
614
- [Markdown]
615
- Figure. A Caption.
616
-
617
- ![Figure](cat.jpg) {.style #id}
618
- [HTML]
619
- <figure class="f-img style" id="id">
620
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
621
- <img src="cat.jpg" alt="Figure">
622
- </figure>
623
-
624
-
625
- [Markdown]
626
- ![Figure](cat.jpg) {.style}
627
-
628
- Figure. A Caption.
629
- [HTML]
630
- <figure class="f-img style">
631
- <img src="cat.jpg" alt="Figure">
632
- <figcaption><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</figcaption>
633
- </figure>
634
-
635
- [Markdown]
636
- Figure. A Caption.
637
-
638
- ![Figure](cat.jpg) Text {.style}
639
- [HTML]
640
- <p class="f-img"><span class="f-img-label">Figure<span class="f-img-label-joint">.</span></span> A Caption.</p>
641
- <p class="style"><img src="cat.jpg" alt="Figure"> Text</p>
642
-
643
-
644
- [Markdown]
645
- Slide. A caption.
646
-
647
- <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>
648
- [HTML]
649
- <figure class="f-iframe">
650
- <figcaption><span class="f-slide-label">Slide<span class="f-slide-label-joint">.</span></span> A caption.</figcaption>
651
- <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>
652
- </figure>
653
-
654
-
655
- [Markdown]
656
- <video controls width="400" height="300">
657
- <source src="example.mp4" type="video/mp4">
658
- </video>
659
- [HTML]
660
- <video controls width="400" height="300">
661
- <source src="example.mp4" type="video/mp4">
662
- </video>
663
-
664
-
665
- [Markdown]
666
- 図 キャプション
667
-
668
- <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>
669
- [HTML]
670
- <figure class="f-img">
671
- <figcaption><span class="f-img-label">図</span> キャプション</figcaption>
672
- <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>
673
- </figure>
674
-
675
-
676
- [Markdown]
677
- コード Hello world
678
-
679
- ```js {.style}
680
- console.log('Hello world')
681
- ```
682
- [HTML]
683
- <figure class="f-pre-code">
684
- <figcaption><span class="f-pre-code-label">コード</span> Hello world</figcaption>
685
- <pre><code class="language-js style">console.log('Hello world')
686
- </code></pre>
687
- </figure>
688
-
689
-
690
- [Markdown]
691
- ```js {.style}
692
- console.log('Hello world')
693
- ```
694
-
695
- コード Hello world
696
- [HTML]
697
- <figure class="f-pre-code">
698
- <pre><code class="language-js style">console.log('Hello world')
699
- </code></pre>
700
- <figcaption><span class="f-pre-code-label">コード</span> Hello world</figcaption>
701
- </figure>
702
-
703
-
704
- [Markdown]
705
-
706
- ```
707
- code
708
- ```
709
-
710
- ![A caption.](cat.jpg)
711
-
712
- [HTML]
713
- <pre><code>code
714
- </code></pre>
715
- <p><img src="cat.jpg" alt="A caption."></p>
716
-
717
-
718
- [Markdown]
719
- リスト キャプション
720
-
721
- ```
722
- code
723
- ```
724
- [HTML]
725
- <figure class="f-pre-code">
726
- <figcaption><span class="f-pre-code-label">リスト</span> キャプション</figcaption>
727
- <pre><code>code
728
- </code></pre>
729
- </figure>
730
-
731
-
732
- [Markdown]
733
- リスト キャプション
734
-
735
- ```samp
736
- >
737
- ```
738
- [HTML]
739
- <figure class="f-pre-samp">
740
- <figcaption><span class="f-pre-samp-label">リスト</span> キャプション</figcaption>
741
- <pre><samp>&gt;
742
- </samp></pre>
743
- </figure>
744
-
745
- [Markdown]
746
- リスト キャプション
747
-
748
- ```
749
- >
750
- ```
751
- [HTML]
752
- <figure class="f-pre-code">
753
- <figcaption><span class="f-pre-code-label">リスト</span> キャプション</figcaption>
754
- <pre><code>&gt;
755
- </code></pre>
756
- </figure>
757
-
758
-
759
- [Markdown]
760
- 図 キャプション
761
-
762
- ```samp
763
- >
764
- ```
765
- [HTML]
766
- <figure class="f-pre-samp">
767
- <figcaption><span class="f-pre-samp-label">図</span> キャプション</figcaption>
768
- <pre><samp>&gt;
769
- </samp></pre>
770
- </figure>