Grid stylish in my CMS

[emiliosh]

Hi, I'm using your editor with Fabricator plugin for my CMS.

When I design a Grid in tiptap editor and then go to my CMS and render in blade, the style isn't applied. What I'm doing wrong? I had the CSS and I guess I'm missing some tiptap js or whatever for rendering the style defined by filament-tiptap-editor plugin (something like filament-tiptap-grid__column).

Thanks in advance!

[awcodes]

It's up to you to style the content outside the editor. I can't assume anything about the styling needs of your html. 🙂

[emiliosh]

I found the problem.

<div 
   class="filament-tiptap-grid-builder" 
   data-type="responsive" 
   data-cols="2" 
   style="grid-template-columns: repeat(2, 1fr);" 
   data-stack-at="md">
       <div class="filament-tiptap-grid-builder__column" data-cols="1" style="grid-column: span 1;"><p>hola</p></div>
       <div class="filament-tiptap-grid-builder__column" data-cols="1" style="grid-column: span 1;"><p>adios</p></div>
</div>

In style at outer div tag the display: grid is missing. I had to create a filament-tiptap-grid-builder class with display:grid attribute.

Thanks a lot for your fast response.