This module enhances the output of Gutenberg blocks by providing filters to modify their HTML structure. It can remove specific wrapper elements, replace figure tags with divs, and prepare gallery blocks for integration with Swiper.js. Additionally, it offers options to remove figure tags from image blocks entirely or for specific instances.
This module adds filters to modify the output of Gutenberg blocks.
3 filters are available in In Text formats and editors > Gutenberg Blocks text format (/admin/config/content/formats/manage/gutenberg)
Guttenberg block group
Removes the div.wp-block-group__inner-container wrapper.
Guttenberg block gallery
Replaces the figure.wp-block-gallery wrapper by a div tag
and with 3 classes available
- the class "swiperjs-player", the structure is prepared for the Swiper.js library.
- the class "remove-figure", the tag around images is removed in the output.
- the class "switch-figure-to-div", the figure tag around images is replaced by a div tag.
Guttenberg block image
Two methods are available:
For specific image blocks
Add the class "img-only" to the image block: the wrapper is removed in the output.
For all image blocks
In Text formats and editors > Gutenberg Blocks text format (/admin/config/content/formats/manage/gutenberg),
check the option "Remove all figure around img" in the filter configuration.