Replies: 8 comments 6 replies
-
|
You can install @tailwindcss/typography and wrap editor component with |
Beta Was this translation helpful? Give feedback.
-
|
From the documentation, @tailwindcss/typography only works for vanilla HTML. When I try to wrap the editor component with |
Beta Was this translation helpful? Give feedback.
-
|
How did you fixed the arrangement of the editor layouts? |
Beta Was this translation helpful? Give feedback.
-
|
Running into the same problem. |
Beta Was this translation helpful? Give feedback.
-
|
Did anyone find a fix for this yet? |
Beta Was this translation helpful? Give feedback.
-
|
Found a decent fix. If you install @tailwindcss/typography and in your tailwind.config.js file add: Then in your jsx add that 'whateverNameYouWantHere' to your editor-container as a class like this: This will remove tailwinds preflight styles from anything inside the 'whateverNameYouWantHere' meaning you can leave it as it is OR you can add custom styles to the editor in your App.css file: eg. .whateverNameYouWantHere h1 { Works on my machine............ |
Beta Was this translation helpful? Give feedback.
-
|
Tks.it's work 👍 |
Beta Was this translation helpful? Give feedback.
-
|
y con vite donde configuran typography? |
Beta Was this translation helpful? Give feedback.
-
|
For everyone is looking for a "clean" fix: and paste this into your scss file: .ce-block__content{
@apply prose
} |
Beta Was this translation helpful? Give feedback.
-
|
Thanks. This works better than wrapping the entire editor inside |
Beta Was this translation helpful? Give feedback.
-
|
Has anyone made Editorjs work with Nextjs and Tailwind? |
Beta Was this translation helpful? Give feedback.
-
|
Hi everyone, if you think Tailwind typography is not exactly a good fit, I wrote this custom typography class which I think is good, and similar to the original: |
Beta Was this translation helpful? Give feedback.
-
|
Everything would be much simpler and clean if we had a way to disable default styles and pass some tailwind classes for styling blocks: as proposed here #2566 |
Beta Was this translation helpful? Give feedback.
-
|
From tailwind documentation https://tailwindcss.com/docs/preflight#disabling-preflight Instead of
make
|
Beta Was this translation helpful? Give feedback.
-
How to make EditorJS works with tailwindcss? Currently Tailwind is overwrite the heading styling. Is there any changes could be made?
Beta Was this translation helpful? Give feedback.
All reactions