Replies: 1 comment 1 reply
-
Outside of the editor, it is up to you to style the content. The plugin can't make any assumptions about how you need to have the content look on the frontend. |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello,
After following the installation instructions, everything seems to work when inside of Filament. However, when I go to render the html output in a blade file, the grid appears stacked with no styling and is not laid out how it was in the editor. I've verified that the CSS classes are present after rebuilding the CSS files using Vite, but the HTML output isn't rendering as expected.
Since the output format is HTML, I've tried
{!! tiptap_converter()->asHTML($content) !!}
,{!! $content !!}
, and{{ $content }}
. That last one was just to be sure I wasn't missing anything.Below are my current theme configurations and screenshots:
vite.config.js:
tailwind.config.cjs content
postcss.config.js
webcms/theme.css
webcms/tailwind.config.js
Editor:
![Screenshot_06-13-24_0106PM](https://private-user-images.githubusercontent.com/50760632/339503706-f9790d12-14f6-413a-8164-860f4bd4e719.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA2OTg2MjEsIm5iZiI6MTcyMDY5ODMyMSwicGF0aCI6Ii81MDc2MDYzMi8zMzk1MDM3MDYtZjk3OTBkMTItMTRmNi00MTNhLTgxNjQtODYwZjRiZDRlNzE5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzExVDExNDUyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZiYWY4ZDY0N2E0YmQyYWVjZWVmYjQwODI2NjU5ZTVlYzllN2NjZTM1OWZjY2Q4YjQwZTYwMjRkY2E2MDM4ZDkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RVdYXSgIdRilpNd87FQ55zzCv7HaSid1Hjrn7J66-y4)
Rendered Blade View:
![Screenshot_06-13-24_0106PM-01](https://private-user-images.githubusercontent.com/50760632/339503711-c9045fb5-9683-45d0-8cb8-36f5fecdb2b2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA2OTg2MjEsIm5iZiI6MTcyMDY5ODMyMSwicGF0aCI6Ii81MDc2MDYzMi8zMzk1MDM3MTEtYzkwNDVmYjUtOTY4My00NWQwLThjYjgtMzZmNWZlY2RiMmIyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzExVDExNDUyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVkZDkxZjZhMjhjNzg2Mjc4MDIzOWZkYmYyNjQ3YTQ3OGRiN2I1OTc1MDM1Nzc3Njk1NGNiMjRiMTBlNTQwNjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.S6bvuhmD6agImfzBATSlbXzRgudZE3Nds8yEX6HXTys)
Beta Was this translation helpful? Give feedback.
All reactions