How to use with tailwindcss?

[jong-kyung]

I use both tailwindCSS and Quill, I add inline-block style to img tag at index.css
but it still doesn't work🥲 how can I solve it?

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  img {
    @apply inline-block object-cover h-full w-full
  }
}

[xeger]

QuillJS has its own, completely independent mechanism for managing styles. It does not necessarily work with Tailwind or Bootstrap or other libraries.

I would use browser tools to inspect the CSS that Tailwind is generating, and also to inspect the styles that apply to image elements inside Quill. You will probably find discrepancies, or Quill styles that override the base styles that Tailwind is providing.

[Lokheim]

So the image aligning wont work with tailwind ?

[xeger]

Quill will add style attributes to every DOM element inside the editor. These supercede any classname-based CSS. So nothing in Quill works with Tailwind.