htmlembed.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <p>
  2. <b>Mode of HTML previews</b>:
  3. <input type="radio" id="mode-enabled" name="mode" value="enabled" checked><label for="mode-enabled">Enabled</label>
  4. <input type="radio" id="mode-disabled" name="mode" value="disabled"><label for="mode-disabled">Disabled</label>
  5. </p>
  6. <div id="editor">
  7. <!-- <div class="raw-html-embed">-->
  8. <!-- <video width="320" height="240" controls>-->
  9. <!-- <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">-->
  10. <!-- <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg">-->
  11. <!-- Your browser does not support the video tag.-->
  12. <!-- </video>-->
  13. <!-- </div>-->
  14. <!-- <div class="raw-html-embed">-->
  15. <!-- <audio controls>-->
  16. <!-- <source src="http://techslides.com/demos/samples/sample.ogg" type="audio/ogg">-->
  17. <!-- <source src="http://techslides.com/demos/samples/sample.mp3" type="audio/mpeg">-->
  18. <!-- Your browser does not support the audio tag.-->
  19. <!-- </audio>-->
  20. <!-- </div>-->
  21. <!-- <div class="raw-html-embed">-->
  22. <!-- <picture>-->
  23. <!-- <source media="(min-width: 650px)" srcset="http://techslides.com/demos/samples/sample.jpg">-->
  24. <!-- <source media="(min-width: 465px)" srcset="http://techslides.com/demos/samples/sample.png">-->
  25. <!-- <img src="http://techslides.com/demos/samples/sample.gif">-->
  26. <!-- </picture>-->
  27. <!-- </div>-->
  28. <!-- <div class="raw-html-embed">-->
  29. <!-- <form action="/my-handling-form-page" method="post">-->
  30. <!-- <ul>-->
  31. <!-- <li>-->
  32. <!-- <label for="name">Name:</label>-->
  33. <!-- <input type="text" id="name" name="user_name">-->
  34. <!-- </li>-->
  35. <!-- <li>-->
  36. <!-- <label for="mail">E-mail:</label>-->
  37. <!-- <input type="email" id="mail" name="user_email">-->
  38. <!-- </li>-->
  39. <!-- <li>-->
  40. <!-- <label for="msg">Message:</label>-->
  41. <!-- <textarea id="msg" name="user_message"></textarea>-->
  42. <!-- </li>-->
  43. <!-- </ul>-->
  44. <!-- </form>-->
  45. <!-- </div>-->
  46. <!-- <div class="raw-html-embed">-->
  47. <!-- <iframe src="http://techslides.com/demos/samples/sample.txt"></iframe>-->
  48. <!-- </div>-->
  49. <div class="raw-html-embed">
  50. <h2>Ingredients</h2>
  51. <p>Ingredients required for making a coffee:</p>
  52. <ul style="list-style-type:circle;">
  53. <li>15g ground coffee</li>
  54. <li>water</li>
  55. <li>milk <i>(optional)</i></li>
  56. </ul>
  57. <h2>Instructions</h2>
  58. <p>How to prepare a cup of coffee:</p>
  59. <ol style="list-style-type:decimal-leading-zero;">
  60. <li>Gather the ingredients.</li>
  61. <li>Put 15g of ground coffee in the cup.</li>
  62. <li>Boil 200ml of water.</li>
  63. <li>Pour the water into the cup.</li>
  64. <li>Optional: Add milk.</li>
  65. </ol>
  66. </div>
  67. </div>