search

dotswan / filament-grapesjs-v3

Enhance Filament with Grapesjs field type for visual HTML editing. Drag-and-drop functionality to seamlessly design.
MIT License
26 stars 12 forks source link

Output of the assembled layout #2

Closed DeNIKE666 closed 6 months ago

DeNIKE666 commented 7 months ago

Dear help me how now to output and display on a separate page assembled layout, I output the style is not correct, in my opinion not pulled tailwind styles, how can you fix this problem?

Снимок экрана 2024-02-09 183727 Снимок экрана 2024-02-09 183741 Снимок экрана 2024-02-09 183756 Снимок экрана 2024-02-09 183812

Thanks for your help, handy library for building quick layouts.

mohaphez commented 7 months ago

Dear @DeNIKE666,

To load the template CSS correctly, there is no need to load the grapes.min.css and filament-grapesjs.css files. These files are meant for the editor's design and not for loading styles in the frontend.

To load CSS in the frontend, all you need to do is import Tailwind CSS from the CDN. This should make it work seamlessly.

image

image