8
0

tableblockcontent.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <style>
  2. body {
  3. font-family: Helvetica, Arial, sans-serif;
  4. font-size: 14px;
  5. }
  6. </style>
  7. <div id="editor">
  8. <p>Table with block contents:</p>
  9. <table>
  10. <tbody>
  11. <tr>
  12. <td>$text</td>
  13. <td>Foo</td>
  14. <td>Brownie carrot cake soufflé jelly-o lemon drops cupcake tart.</td>
  15. </tr>
  16. <tr>
  17. <td>paragraph</td>
  18. <td><p>Foo</p></td>
  19. <td>
  20. <p>A paragraph with default alignment</p>
  21. <p style="text-align: right">A paragraph with right alignment</p>
  22. <p style="text-align: center">A paragraph with center alignment</p>
  23. <p style="text-align: justify">A paragraph with justify alignment</p>
  24. </td>
  25. </tr>
  26. <tr>
  27. <td>list</td>
  28. <td>
  29. <ul>
  30. <li>Foo</li>
  31. <li>Bar</li>
  32. </ul>
  33. </td>
  34. <td>
  35. <ul>
  36. <li>A list item with default alignment</li>
  37. <li style="text-align: right">A list item with right alignment</li>
  38. <li style="text-align: center">A list item with center alignment</li>
  39. <li style="text-align: justify">A list item with justify alignment</li>
  40. </ul>
  41. </td>
  42. </tr>
  43. <tr>
  44. <td>heading</td>
  45. <td>
  46. <h2>An h2 title.</h2>
  47. <h3>An h3 title.</h3>
  48. <h4>An h4 title.</h4>
  49. </td>
  50. <td>
  51. <h2>An h2 with default alignment.</h2>
  52. <h2 style="text-align: right">An h2 with right alignment.</h2>
  53. <h2 style="text-align: center">An h2 with center alignment.</h2>
  54. <h2 style="text-align: justify">An h2 with justify alignment.</h2>
  55. </td>
  56. </tr>
  57. <tr>
  58. <td>block quote</td>
  59. <td>
  60. <blockquote><p>A quote</p></blockquote>
  61. </td>
  62. <td><blockquote><p style="text-align: right">A quote with paragraph with right alignment</p></blockquote></td>
  63. </tr>
  64. <tr>
  65. <td>image</td>
  66. <td>
  67. <img alt="sample image" src="sample.jpg">
  68. </td>
  69. <td>
  70. <p>An image aligned to right:</p>
  71. <figure class="image image-style-side" contenteditable="false">
  72. <img src="sample.jpg" alt="sample image">
  73. </figure>
  74. </td>
  75. </tr>
  76. </tbody>
  77. </table>
  78. </div>