8
0

extending-content-custom-figure-attributes.html 630 B

12345678910111213141516171819202122232425262728
  1. <head>
  2. <style>
  3. .ck-content figure.table-foo table,
  4. .ck-content figure.img-foo {
  5. border: 2px solid deeppink;
  6. }
  7. </style>
  8. </head>
  9. <div id="snippet-custom-figure-attributes">
  10. <h2>Image:</h2>
  11. <figure class="image">
  12. <img alt="bar" class="img-foo" id="img-foo-1" src="%BASE_PATH%/assets/img/fields.jpg">
  13. <figcaption>Caption</figcaption>
  14. </figure>
  15. <figure class="image img-foo img-bar">
  16. <img alt="bar" id="img-foo-2" src="%BASE_PATH%/assets/img/fields.jpg">
  17. <figcaption>Caption</figcaption>
  18. </figure>
  19. <h2>Table:</h2>
  20. <table class="table-foo" id="table-foo-1" >
  21. <tr>
  22. <td>foo</td>
  23. </tr>
  24. </table>
  25. </div>