test-element-attributes-markdown.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>reveal.js - Test Markdown</title>
  6. <link rel="stylesheet" href="../css/reveal.min.css">
  7. <link rel="stylesheet" href="qunit-1.12.0.css">
  8. </head>
  9. <body style="overflow: auto;">
  10. <div id="qunit"></div>
  11. <div id="qunit-fixture"></div>
  12. <div class="reveal" style="display: none;">
  13. <div class="slides">
  14. <!-- <section data-markdown="example.md" data-separator="^\n\n\n" data-vertical="^\n\n"></section> -->
  15. <!-- Slides are separated by newline + three dashes + newline, vertical slides identical but two dashes -->
  16. <section data-markdown data-separator="^\n---\n$"
  17. data-vertical="^\n--\n$"
  18. data-element-attributes="{_\s*?([^}]+?)}">
  19. <script type="text/template">
  20. ## Slide 1.1 {_class="fragment fade-out" data-fragment-index="1"}
  21. --
  22. ## Slide 1.2 {_class="fragment shrink"}
  23. Paragraph 1 {_class="fragment grow"}
  24. Paragraph 2 {_class="fragment grow"}
  25. - list item 1 {_class="fragment roll-in"}
  26. - list item 2 {_class="fragment roll-in"}
  27. - list item 3 {_class="fragment roll-in"}
  28. ---
  29. ## Slide 2
  30. Paragraph 1.2
  31. multi-line {_class="fragment highlight-red"}
  32. Paragraph 2.2 {_class="fragment highlight-red"}
  33. Paragraph 2.3 {_class="fragment highlight-red"}
  34. Paragraph 2.4 {_class="fragment highlight-red"}
  35. - list item 1 {_class="fragment highlight-green"}
  36. - list item 2 {_class="fragment highlight-green"}
  37. - list item 3 {_class="fragment highlight-green"}
  38. - list item 4 {_class="fragment highlight-green"}
  39. - list item 5 {_class="fragment highlight-green"}
  40. Test
  41. ![Example Picture{_class="reveal stretch"}](red-curtain-50x50.jpg)
  42. </script>
  43. </section>
  44. </div>
  45. </div>
  46. <script src="../lib/js/head.min.js"></script>
  47. <script src="../js/reveal.min.js"></script>
  48. <script src="../plugin/markdown/marked.js"></script>
  49. <script src="../plugin/markdown/markdown.js"></script>
  50. <script src="qunit-1.12.0.js"></script>
  51. <script src="test-element-attributes-markdown.js"></script>
  52. </body>
  53. </html>