How to overwrite Gutenberg column block editor html structure

Question

Gutenberg is outputing this kind of html with classes like wp-block-columns several times and wp-block-column

....s.php:207:string ' <div class="wp-block-columns"> <div class="wp-block-column"> <div class="wp-block-columns"> <div class="wp-block-column" style="flex-basis:66.66%"> test1 </div>
<div class="wp-block-column" style="flex-basis:33.33%"> test2 </div> </div><div class="wp-block-columns"> <div class="wp-block-column" style="flex-basis:25%"> lol1 </div><div class="wp-block-column" style="flex-basis:50%"> lol2 </div><div class="wp-block-column" style="flex-basis:25%"> lol3 </div> </div><p>carasda</p> </div> </di'... (length=515)

The var_dump was done in the filter render_block. It is also called several times, If I overwrite this usingthe $block nothing is showing up. I’m guessing this happens because the filter is called inside the column block for each column

So how can I integrate Twitter Bootstrap grid ?

like

<div class="container">
    <div class="row">
       <div class="col-sm-12">full width sample</div>
    </div>
</div>

So without having wp-block-columns repeated several times

0
iulian.flester 4 months 0 Answers 16 views 0

Leave an answer