test-markdown-element-attributes.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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$" data-vertical="^\n--\n$" data-element-attributes="{_\s*?([^}]+?)}">>
  17. <script type="text/template">
  18. ## Slide 1.1 {_class="fragment fade-out" data-fragment-index="1"}
  19. --
  20. ## Slide 1.2 {_class="fragment shrink"}
  21. Paragraph 1 {_class="fragment grow"}
  22. Paragraph 2 {_class="fragment grow"}
  23. - list item 1 {_class="fragment roll-in"}
  24. - list item 2 {_class="fragment roll-in"}
  25. - list item 3 {_class="fragment roll-in"}
  26. ---
  27. ## Slide 2
  28. Paragraph 1.2
  29. multi-line {_class="fragment highlight-red"}
  30. Paragraph 2.2 {_class="fragment highlight-red"}
  31. Paragraph 2.3 {_class="fragment highlight-red"}
  32. Paragraph 2.4 {_class="fragment highlight-red"}
  33. - list item 1 {_class="fragment highlight-green"}
  34. - list item 2 {_class="fragment highlight-green"}
  35. - list item 3 {_class="fragment highlight-green"}
  36. - list item 4 {_class="fragment highlight-green"}
  37. - list item 5 {_class="fragment highlight-green"}
  38. Test
  39. ![Example Picture{_class="reveal stretch"}](assets/image2.png)
  40. </script>
  41. </section>
  42. </div>
  43. </div>
  44. <script src="../lib/js/head.min.js"></script>
  45. <script src="../js/reveal.min.js"></script>
  46. <script src="../plugin/markdown/marked.js"></script>
  47. <script src="../plugin/markdown/markdown.js"></script>
  48. <script src="qunit-1.12.0.js"></script>
  49. <script src="test-markdown-element-attributes.js"></script>
  50. </body>
  51. </html>