|
@@ -1,3 +1,7 @@
|
|
|
|
|
+<head>
|
|
|
|
|
+ <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 *">
|
|
|
|
|
+</head>
|
|
|
|
|
+
|
|
|
<p>
|
|
<p>
|
|
|
<b>Mode of HTML previews</b>:
|
|
<b>Mode of HTML previews</b>:
|
|
|
<input type="radio" id="mode-enabled" name="mode" value="enabled" checked><label for="mode-enabled">Enabled</label>
|
|
<input type="radio" id="mode-enabled" name="mode" value="enabled" checked><label for="mode-enabled">Enabled</label>
|
|
@@ -5,74 +9,149 @@
|
|
|
</p>
|
|
</p>
|
|
|
|
|
|
|
|
<div id="editor">
|
|
<div id="editor">
|
|
|
-<!-- <div class="raw-html-embed">-->
|
|
|
|
|
-<!-- <video width="320" height="240" controls>-->
|
|
|
|
|
-<!-- <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">-->
|
|
|
|
|
-<!-- <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg">-->
|
|
|
|
|
-<!-- Your browser does not support the video tag.-->
|
|
|
|
|
-<!-- </video>-->
|
|
|
|
|
-<!-- </div>-->
|
|
|
|
|
|
|
+ <h3><code><video></code> tag as HTML snippet</h3>
|
|
|
|
|
+ <div class="raw-html-embed">
|
|
|
|
|
+ <video width="320" height="240" controls>
|
|
|
|
|
+ <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
|
|
|
|
|
+ <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg">
|
|
|
|
|
+ Your browser does not support the video tag.
|
|
|
|
|
+ </video>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
+ <h3><code><audio></code> tag as HTML snippet</h3>
|
|
|
|
|
+ <div class="raw-html-embed">
|
|
|
|
|
+ <audio controls>
|
|
|
|
|
+ <source src="http://techslides.com/demos/samples/sample.ogg" type="audio/ogg">
|
|
|
|
|
+ <source src="http://techslides.com/demos/samples/sample.mp3" type="audio/mpeg">
|
|
|
|
|
+ Your browser does not support the audio tag.
|
|
|
|
|
+ </audio>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
-<!-- <div class="raw-html-embed">-->
|
|
|
|
|
-<!-- <audio controls>-->
|
|
|
|
|
-<!-- <source src="http://techslides.com/demos/samples/sample.ogg" type="audio/ogg">-->
|
|
|
|
|
-<!-- <source src="http://techslides.com/demos/samples/sample.mp3" type="audio/mpeg">-->
|
|
|
|
|
-<!-- Your browser does not support the audio tag.-->
|
|
|
|
|
-<!-- </audio>-->
|
|
|
|
|
-<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
|
|
+ <h3><code><picture></code> tag as HTML snippet</h3>
|
|
|
|
|
+ <div class="raw-html-embed">
|
|
|
|
|
+ <picture>
|
|
|
|
|
+ <source media="(min-width: 1200px)" srcset="http://techslides.com/demos/samples/sample.jpg">
|
|
|
|
|
+ <source media="(min-width: 650px)" srcset="http://techslides.com/demos/samples/sample.png">
|
|
|
|
|
+ <img src="http://techslides.com/demos/samples/sample.gif">
|
|
|
|
|
+ </picture>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
-<!-- <div class="raw-html-embed">-->
|
|
|
|
|
-<!-- <picture>-->
|
|
|
|
|
-<!-- <source media="(min-width: 650px)" srcset="http://techslides.com/demos/samples/sample.jpg">-->
|
|
|
|
|
-<!-- <source media="(min-width: 465px)" srcset="http://techslides.com/demos/samples/sample.png">-->
|
|
|
|
|
-<!-- <img src="http://techslides.com/demos/samples/sample.gif">-->
|
|
|
|
|
-<!-- </picture>-->
|
|
|
|
|
-<!-- </div>-->
|
|
|
|
|
|
|
+ <h3><code><iframe></code> tag as HTML snippet</h3>
|
|
|
|
|
+ <div class="raw-html-embed">
|
|
|
|
|
+ <iframe src="http://techslides.com/demos/samples/sample.txt"></iframe>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
|
|
|
|
-<!-- <div class="raw-html-embed">-->
|
|
|
|
|
-<!-- <form action="/my-handling-form-page" method="post">-->
|
|
|
|
|
-<!-- <ul>-->
|
|
|
|
|
-<!-- <li>-->
|
|
|
|
|
-<!-- <label for="name">Name:</label>-->
|
|
|
|
|
-<!-- <input type="text" id="name" name="user_name">-->
|
|
|
|
|
-<!-- </li>-->
|
|
|
|
|
-<!-- <li>-->
|
|
|
|
|
-<!-- <label for="mail">E-mail:</label>-->
|
|
|
|
|
-<!-- <input type="email" id="mail" name="user_email">-->
|
|
|
|
|
-<!-- </li>-->
|
|
|
|
|
-<!-- <li>-->
|
|
|
|
|
-<!-- <label for="msg">Message:</label>-->
|
|
|
|
|
-<!-- <textarea id="msg" name="user_message"></textarea>-->
|
|
|
|
|
-<!-- </li>-->
|
|
|
|
|
-<!-- </ul>-->
|
|
|
|
|
-<!-- </form>-->
|
|
|
|
|
-<!-- </div>-->
|
|
|
|
|
|
|
+ <h3><code><table></code> tag as HTML snippet (code coverage report)</h3>
|
|
|
|
|
+ <div class="raw-html-embed">
|
|
|
|
|
+ <table class="coverage-summary">
|
|
|
|
|
+ <thead>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
|
|
|
|
|
+ <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
|
|
|
|
|
+ <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
|
|
|
|
|
+ <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
|
|
|
+ <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
|
|
|
|
|
+ <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
|
|
|
+ <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
|
|
|
|
|
+ <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
|
|
|
+ <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
|
|
|
|
|
+ <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </thead>
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td class="file high" data-value="htmlembed.js">htmlembed.js</td>
|
|
|
|
|
+ <td data-value="100" class="pic high">
|
|
|
|
|
+ <div class="chart">
|
|
|
|
|
+ <div class="cover-fill cover-full" style="width: 100%"></div>
|
|
|
|
|
+ <div class="cover-empty" style="width: 0%"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="2" class="abs high">2/2</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="0" class="abs high">0/0</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="2" class="abs high">2/2</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="2" class="abs high">2/2</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td class="file high" data-value="htmlembedediting.js">htmlembedediting.js</td>
|
|
|
|
|
+ <td data-value="100" class="pic high">
|
|
|
|
|
+ <div class="chart">
|
|
|
|
|
+ <div class="cover-fill cover-full" style="width: 100%"></div>
|
|
|
|
|
+ <div class="cover-empty" style="width: 0%"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="81" class="abs high">81/81</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="18" class="abs high">18/18</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="19" class="abs high">19/19</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="81" class="abs high">81/81</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
|
|
|
-<!-- <div class="raw-html-embed">-->
|
|
|
|
|
-<!-- <iframe src="http://techslides.com/demos/samples/sample.txt"></iframe>-->
|
|
|
|
|
-<!-- </div>-->
|
|
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td class="file high" data-value="htmlembedinsertcommand.js">htmlembedinsertcommand.js</td>
|
|
|
|
|
+ <td data-value="100" class="pic high">
|
|
|
|
|
+ <div class="chart">
|
|
|
|
|
+ <div class="cover-fill cover-full" style="width: 100%"></div>
|
|
|
|
|
+ <div class="cover-empty" style="width: 0%"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="18" class="abs high">18/18</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="8" class="abs high">8/8</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="7" class="abs high">7/7</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="18" class="abs high">18/18</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td class="file high" data-value="htmlembedui.js">htmlembedui.js</td>
|
|
|
|
|
+ <td data-value="100" class="pic high">
|
|
|
|
|
+ <div class="chart">
|
|
|
|
|
+ <div class="cover-fill cover-full" style="width: 100%"></div>
|
|
|
|
|
+ <div class="cover-empty" style="width: 0%"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="15" class="abs high">15/15</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="0" class="abs high">0/0</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="3" class="abs high">3/3</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="15" class="abs high">15/15</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
|
|
|
- <div class="raw-html-embed">
|
|
|
|
|
- <h2>Ingredients</h2>
|
|
|
|
|
- <p>Ingredients required for making a coffee:</p>
|
|
|
|
|
- <ul style="list-style-type:circle;">
|
|
|
|
|
- <li>15g ground coffee</li>
|
|
|
|
|
- <li>water</li>
|
|
|
|
|
- <li>milk <i>(optional)</i></li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- <h2>Instructions</h2>
|
|
|
|
|
- <p>How to prepare a cup of coffee:</p>
|
|
|
|
|
- <ol style="list-style-type:decimal-leading-zero;">
|
|
|
|
|
- <li>Gather the ingredients.</li>
|
|
|
|
|
- <li>Put 15g of ground coffee in the cup.</li>
|
|
|
|
|
- <li>Boil 200ml of water.</li>
|
|
|
|
|
- <li>Pour the water into the cup.</li>
|
|
|
|
|
- <li>Optional: Add milk.</li>
|
|
|
|
|
- </ol>
|
|
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td class="file high" data-value="htmlembedupdatecommand.js">htmlembedupdatecommand.js</td>
|
|
|
|
|
+ <td data-value="100" class="pic high">
|
|
|
|
|
+ <div class="chart">
|
|
|
|
|
+ <div class="cover-fill cover-full" style="width: 100%"></div>
|
|
|
|
|
+ <div class="cover-empty" style="width: 0%"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="13" class="abs high">13/13</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="4" class="abs high">4/4</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="4" class="abs high">4/4</td>
|
|
|
|
|
+ <td data-value="100" class="pct high">100%</td>
|
|
|
|
|
+ <td data-value="13" class="abs high">13/13</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </tbody>
|
|
|
|
|
+ </table>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|