htmlembed.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. <head>
  2. <meta http-equiv="Content-Security-Policy" content="default-src 'none'; media-src http://techslides.com/; connect-src 'self' https://cksource.com http://*.cke-cs.com; script-src 'self' https://cksource.com; img-src * data:; style-src 'self' 'unsafe-inline'; frame-src *">
  3. </head>
  4. <p>
  5. <b>Value of the <code>"htmlEmbed.showPreviews"</code></b>:
  6. <input type="radio" id="raw-html-previews-enabled" name="mode" value="enabled" checked><label for="raw-html-previews-enabled"><code>true</code></label>
  7. <input type="radio" id="raw-html-previews-disabled" name="mode" value="disabled"><label for="raw-html-previews-disabled"><code>false</code></label>
  8. </p>
  9. <div id="editor">
  10. <h3><code>&lt;video&gt;</code> tag as HTML snippet</h3>
  11. <div class="raw-html-embed">
  12. <video width="320" height="240" controls>
  13. <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
  14. <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg">
  15. Your browser does not support the video tag.
  16. </video>
  17. </div>
  18. <h3><code>&lt;audio&gt;</code> tag as HTML snippet</h3>
  19. <div class="raw-html-embed">
  20. <audio controls>
  21. <source src="http://techslides.com/demos/samples/sample.ogg" type="audio/ogg">
  22. <source src="http://techslides.com/demos/samples/sample.mp3" type="audio/mpeg">
  23. Your browser does not support the audio tag.
  24. </audio>
  25. </div>
  26. <h3><code>&lt;picture&gt;</code> tag as HTML snippet</h3>
  27. <div class="raw-html-embed">
  28. <picture>
  29. <source media="(min-width: 1200px)" srcset="http://techslides.com/demos/samples/sample.jpg">
  30. <source media="(min-width: 650px)" srcset="http://techslides.com/demos/samples/sample.png">
  31. <img src="http://techslides.com/demos/samples/sample.gif">
  32. </picture>
  33. </div>
  34. <h3><code>&lt;iframe&gt;</code> tag as HTML snippet</h3>
  35. <div class="raw-html-embed">
  36. <iframe src="http://techslides.com/demos/samples/sample.txt"></iframe>
  37. </div>
  38. <h3><code>&lt;table&gt;</code> tag as HTML snippet (code coverage report)</h3>
  39. <div class="raw-html-embed">
  40. <table class="coverage-summary">
  41. <thead>
  42. <tr>
  43. <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
  44. <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
  45. <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
  46. <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
  47. <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
  48. <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
  49. <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
  50. <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
  51. <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
  52. <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
  53. </tr>
  54. </thead>
  55. <tbody>
  56. <tr>
  57. <td class="file high" data-value="htmlembed.js">htmlembed.js</td>
  58. <td data-value="100" class="pic high">
  59. <div class="chart">
  60. <div class="cover-fill cover-full" style="width: 100%"></div>
  61. <div class="cover-empty" style="width: 0%"></div>
  62. </div>
  63. </td>
  64. <td data-value="100" class="pct high">100%</td>
  65. <td data-value="2" class="abs high">2/2</td>
  66. <td data-value="100" class="pct high">100%</td>
  67. <td data-value="0" class="abs high">0/0</td>
  68. <td data-value="100" class="pct high">100%</td>
  69. <td data-value="2" class="abs high">2/2</td>
  70. <td data-value="100" class="pct high">100%</td>
  71. <td data-value="2" class="abs high">2/2</td>
  72. </tr>
  73. <tr>
  74. <td class="file high" data-value="htmlembedediting.js">htmlembedediting.js</td>
  75. <td data-value="100" class="pic high">
  76. <div class="chart">
  77. <div class="cover-fill cover-full" style="width: 100%"></div>
  78. <div class="cover-empty" style="width: 0%"></div>
  79. </div>
  80. </td>
  81. <td data-value="100" class="pct high">100%</td>
  82. <td data-value="81" class="abs high">81/81</td>
  83. <td data-value="100" class="pct high">100%</td>
  84. <td data-value="18" class="abs high">18/18</td>
  85. <td data-value="100" class="pct high">100%</td>
  86. <td data-value="19" class="abs high">19/19</td>
  87. <td data-value="100" class="pct high">100%</td>
  88. <td data-value="81" class="abs high">81/81</td>
  89. </tr>
  90. <tr>
  91. <td class="file high" data-value="inserthtmlembedcommand.js">inserthtmlembedcommand.js</td>
  92. <td data-value="100" class="pic high">
  93. <div class="chart">
  94. <div class="cover-fill cover-full" style="width: 100%"></div>
  95. <div class="cover-empty" style="width: 0%"></div>
  96. </div>
  97. </td>
  98. <td data-value="100" class="pct high">100%</td>
  99. <td data-value="18" class="abs high">18/18</td>
  100. <td data-value="100" class="pct high">100%</td>
  101. <td data-value="8" class="abs high">8/8</td>
  102. <td data-value="100" class="pct high">100%</td>
  103. <td data-value="7" class="abs high">7/7</td>
  104. <td data-value="100" class="pct high">100%</td>
  105. <td data-value="18" class="abs high">18/18</td>
  106. </tr>
  107. <tr>
  108. <td class="file high" data-value="htmlembedui.js">htmlembedui.js</td>
  109. <td data-value="100" class="pic high">
  110. <div class="chart">
  111. <div class="cover-fill cover-full" style="width: 100%"></div>
  112. <div class="cover-empty" style="width: 0%"></div>
  113. </div>
  114. </td>
  115. <td data-value="100" class="pct high">100%</td>
  116. <td data-value="15" class="abs high">15/15</td>
  117. <td data-value="100" class="pct high">100%</td>
  118. <td data-value="0" class="abs high">0/0</td>
  119. <td data-value="100" class="pct high">100%</td>
  120. <td data-value="3" class="abs high">3/3</td>
  121. <td data-value="100" class="pct high">100%</td>
  122. <td data-value="15" class="abs high">15/15</td>
  123. </tr>
  124. <tr>
  125. <td class="file high" data-value="updatehtmlembedcommand.js">updatehtmlembedcommand.js</td>
  126. <td data-value="100" class="pic high">
  127. <div class="chart">
  128. <div class="cover-fill cover-full" style="width: 100%"></div>
  129. <div class="cover-empty" style="width: 0%"></div>
  130. </div>
  131. </td>
  132. <td data-value="100" class="pct high">100%</td>
  133. <td data-value="13" class="abs high">13/13</td>
  134. <td data-value="100" class="pct high">100%</td>
  135. <td data-value="4" class="abs high">4/4</td>
  136. <td data-value="100" class="pct high">100%</td>
  137. <td data-value="4" class="abs high">4/4</td>
  138. <td data-value="100" class="pct high">100%</td>
  139. <td data-value="13" class="abs high">13/13</td>
  140. </tr>
  141. </tbody>
  142. </table>
  143. </div>
  144. </div>