@@ -62,9 +62,9 @@ const htmlData = r"""
6262
6363 <h4>Margin Auto on Image</h4>
6464 <p>display:inline-block; margin: auto; (should not center):</p>
65- <img alt='' style="margin: auto;" width="100" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp .png">
65+ <img alt='' style="margin: auto;" width="100" src="https://placehold.co/600x400/000000/FFF?text=img .png">
6666 <p>display:block margin: auto; (should center):</p>
67- <img alt='' style="display: block; margin: auto;" width="100" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp .png">
67+ <img alt='' style="display: block; margin: auto;" width="100" src="https://placehold.co/600x400/000000/FFF?text=img .png">
6868
6969 <h2>Support for <code>sub</code>/<code>sup</code></h2>
7070 Solve for <var>x<sub>n</sub></var>: log<sub>2</sub>(<var>x</var><sup>2</sup>+<var>n</var>) = 9<sup>3</sup>
@@ -84,26 +84,26 @@ const htmlData = r"""
8484
8585
8686 <h2>Table support (With custom styling!):</h2>
87- <table>
88- <colgroup>
89- <col width="200" />
90- <col span="2" width="150" />
91- </colgroup>
92- <thead>
93- <tr><th>One</th><th>Two</th><th>Three</th></tr>
94- </thead>
95- <tbody>
96- <tr>
97- <td rowspan='2'>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan</td><td>Data</td><td>Data</td>
98- </tr>
99- <tr>
100- <td colspan="2"><img width="175" alt='xkcd' src='https://imgs.xkcd.com/comics/commemorative_plaque.png' /></td>
101- </tr>
102- </tbody>
103- <tfoot>
104- <tr><td>fData</td><td>fData</td><td>fData</td></tr>
105- </tfoot>
106- </table>
87+ <!-- <table>-- >
88+ <!-- <colgroup>-- >
89+ <!-- <col width="200" />-- >
90+ <!-- <col span="2" width="150" />-- >
91+ <!-- </colgroup>-- >
92+ <!-- <thead>-- >
93+ <!-- <tr><th>One</th><th>Two</th><th>Three</th></tr>-- >
94+ <!-- </thead>-- >
95+ <!-- <tbody>-- >
96+ <!-- <tr>-- >
97+ <!-- <td rowspan='2'>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan<br>Rowspan</td><td>Data</td><td>Data</td>-- >
98+ <!-- </tr>-- >
99+ <!-- <tr>-- >
100+ <!-- <td colspan="2"><img width="175" alt='xkcd' src='https://imgs.xkcd.com/comics/commemorative_plaque.png' /></td>-- >
101+ <!-- </tr>-- >
102+ <!-- </tbody>-- >
103+ <!-- <tfoot>-- >
104+ <!-- <tr><td>fData</td><td>fData</td><td>fData</td></tr>-- >
105+ <!-- </tfoot>-- >
106+ <!-- </table>-- >
107107
108108 <h2>List support:</h2>
109109 <ol>
@@ -137,20 +137,20 @@ const htmlData = r"""
137137 Linking to <a href='https://github.com'>websites</a> has never been easier.
138138 </p>
139139
140- <h2>Image support:</h2>
141-
142- <table class="second-table">
143- <tr><td>Network png</td><td><img width="200" alt='xkcd' src='https://imgs.xkcd.com/comics/commemorative_plaque.png' /></td></tr>
144- <tr><td>Local asset png</td><td><img src='asset:assets/html5.png' width='100' /></td></tr>
145- <tr><td>Local asset svg</td><td><img src='asset:assets/mac.svg' width='100' /></td></tr>
146- <tr><td>Data uri (with base64 support)</td>
147- <td><img alt='Red dot (png)' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' />
148- <img alt='Green dot (base64 svg)' src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMzAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjE1IiBjeT0iMTAiIHI9IjEwIiBmaWxsPSJncmVlbiIvPgo8L3N2Zz4=' />
149- <img alt='Green dot (plain svg)' src='data:image/svg+xml,%3C?xml version="1.0" encoding="UTF-8"?%3E%3Csvg viewBox="0 0 30 20" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="15" cy="10" r="10" fill="yellow"/%3E%3C/svg%3E' />
150- </td></tr>
151- <tr><td>Custom image render</td><td><img src='https://flutter.dev/images/flutter-mono-81x100.png' /></td></tr>
152- <tr><td>Broken network image</td><td><img alt='Broken network image alt text' src='https://www.example.com/image.png' /></td></tr>
153- </table>
140+ <!-- <h2>Image support:</h2>-- >
141+ <!-- -->
142+ <!-- <table class="second-table">-- >
143+ <!-- <tr><td>Network png</td><td><img width="200" alt='xkcd' src='https://imgs.xkcd.com/comics/commemorative_plaque.png' /></td></tr>-- >
144+ <!-- <tr><td>Local asset png</td><td><img src='asset:assets/html5.png' width='100' /></td></tr>-- >
145+ <!-- <tr><td>Local asset svg</td><td><img src='asset:assets/mac.svg' width='100' /></td></tr>-- >
146+ <!-- <tr><td>Data uri (with base64 support)</td>-- >
147+ <!-- <td><img alt='Red dot (png)' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' />-- >
148+ <!-- <img alt='Green dot (base64 svg)' src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMzAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjE1IiBjeT0iMTAiIHI9IjEwIiBmaWxsPSJncmVlbiIvPgo8L3N2Zz4=' />-- >
149+ <!-- <img alt='Green dot (plain svg)' src='data:image/svg+xml,%3C?xml version="1.0" encoding="UTF-8"?%3E%3Csvg viewBox="0 0 30 20" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="15" cy="10" r="10" fill="yellow"/%3E%3C/svg%3E' />-- >
150+ <!-- </td></tr>-- >
151+ <!-- <tr><td>Custom image render</td><td><img src='https://flutter.dev/images/flutter-mono-81x100.png' /></td></tr>-- >
152+ <!-- <tr><td>Broken network image</td><td><img alt='Broken network image alt text' src='https://www.example.com/image.png' /></td></tr>-- >
153+ <!-- </table>-- >
154154
155155 <h2 id='middle'>SVG support:</h2>
156156 <svg id='svg1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'>
0 commit comments