[GH-ISSUE #17] How tailwindcss is gets converted to inline CSS for email HTML #10

Closed
opened 2026-03-01 14:39:28 +03:00 by kerem · 1 comment
Owner

Originally created by @chavda-bhavik on GitHub (Sep 22, 2023).
Original GitHub issue: https://github.com/arikchakma/maily.to/issues/17

Hey Arik, I'm building an email editor in my project and taking inspiration from maily.to editor.

Can you help me understand, when we click on Copy Email HTML, how elements like button styled with tailwindcss gets converted to HTML with inline CSS?

I can find here, that Tiptap provides function to convert content to HTML, but how tailwindcss classes gets converted to inline CSS?

Thanks

Originally created by @chavda-bhavik on GitHub (Sep 22, 2023). Original GitHub issue: https://github.com/arikchakma/maily.to/issues/17 Hey Arik, I'm building an email editor in my project and taking inspiration from maily.to editor. Can you help me understand, when we click on `Copy Email HTML`, how elements like button styled with tailwindcss gets converted to HTML with inline CSS? I can find [here](https://github.com/arikchakma/maily.to/blob/3a8dde8cfc4b78bb3c1f39d8f853ed9e213d4958/components/get-html-button.tsx#L21), that Tiptap provides function to convert content to HTML, but how tailwindcss classes gets converted to inline CSS? Thanks
kerem closed this issue 2026-03-01 14:39:28 +03:00
Author
Owner

@arikchakma commented on GitHub (Sep 23, 2023):

Hello Chavda,

Please check this one. You can find everything there.

Thanks

<!-- gh-comment-id:1732186783 --> @arikchakma commented on GitHub (Sep 23, 2023): Hello Chavda, Please check [this one](https://github.com/arikchakma/maily.to/blob/main/components/editor/utils/email.ts). You can find everything there. Thanks
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/maily.to#10
No description provided.