search

hunghg255 / reactjs-tiptap-editor

A modern WYSIWYG rich text editor based on tiptap and shadcn ui for Reactjs
https://reactjs-tiptap-editor.vercel.app/
MIT License
170 stars 26 forks source link

[Bug] tailwind prefix="richtext-" Causing No Style Applied on the Component #80

Open salaarkhan-dev opened 5 days ago

salaarkhan-dev commented 5 days ago

I'm currently working on an ongoing project that uses Tailwind CSS along with ShadeCN. We recently integrated a rich text editor, but the styles are not aligning with our theme. After investigating, it appears that the issue is related to the prefix configuration in Tailwind.

Expected Behavior:

The editor should apply the Tailwind styles according to our theme, with the prefix richtext- functioning correctly.

Actual Behavior:

No Tailwind styles are being applied to the component due to the prefix configuration in the build.

Steps to Reproduce:

  1. Set up a project using Tailwind CSS and ShadeCN with custom tailwind theme.
  2. Integrate the rich text editor.
  3. Observe that styles do not apply as expected.
hunghg255 commented 5 days ago

@salaarkhan-dev I'm not sure about this problem, you can fork my repo and implement it