tableblockcontent.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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><img src="sample.jpg" alt="Sample image"></td>
  67. <td><img src="sample.jpg" alt="Sample image"></td>
  68. </tr>
  69. </tbody>
  70. </table>
  71. </div>