Applying image styles in Wax editor
Description; currently specific images styling cannot be applied in the Wax editor, only captions can be added.
Use cases:
- Pagination; certain images are required to span the whole page in case of multi-column layouts, and other images remain within a column.
- Push an image into the margin with a class like
.margin-top
or.margin-bottom
- When certain images are to be treated in the same way, for example. The opening image of each chapter should take the full width of the page. In this case you'd want to apply a class to the image, e.g.
.chapter-opener
and then define the styles for that class in the stylesheet. - When you're doing "print refinement" and you want control over an image to improve the layout of the pages, so it's done on a case by case basis. Here's where the float rules come in handy to override the rule that set for all figures
The current solution is to identify images by assigning a custom style using the Wax editor. A proposed solution is to apply a CSS class in Wax so that the CSS template in pagedjs can apply a style targeted to images only.