Contact person: Fix & Enhance HTML/CSS Tool – Make Tailwind Content Work in WordPress

Phone:Show

Email:Show

Location: Delhi, India

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Project Description:
I have a working HTML-based content styling tool built with Tailwind CSS, designed to help users copy richly formatted content (with colors, tables, boxes, spacing, and styling) and reuse it seamlessly.

What the tool currently does well:

Allows users to paste or edit content in a WYSIWYG-like editor.
Applies Tailwind classes for beautiful styling (backgrounds, padding, borders, tables, etc.).
Displays a perfect live preview with full formatting — fonts, colors, spacing, and layout look exactly as intended.
The Problem / What’s Missing:
When the user copies the content from the tool and pastes it into WordPress (Classic Editor or Gutenberg Custom HTML block):

The formatting is lost.
Only plain text appears — no colors, no boxes, no table styles, no spacing.
This happens because Tailwind CSS is not active on the WordPress site, so classes like bg-blue-100, p-4, rounded, etc. are ignored.
What I Need Fixed / Built:
I need a developer to enhance this tool so that when the user clicks "Copy" or "Create Draft", the output:

Converts all Tailwind utility classes into inline CSS styles (e.g., class="bg-blue-100 p-4" → style="background-color: #eff6ff; padding: 1rem;")
Preserves 100% of the visual formatting: boxes, colors, fonts, tables, spacing, borders, etc.
Works immediately when pasted into WordPress, without requiring Tailwind on the target site.
Optionally: Add a "Copy for WordPress" button that outputs clean, styled HTML with inline styles.

End Goal:
When I paste the content into WordPress, it should look exactly like it did in the tool’s preview — no extra setup, no missing styles.

Technologies Involved:

HTML, CSS, JavaScript (no frameworks like React required)
Tailwind CSS (via CDN)
ContentEditable div
Clipboard API

WordPress (for final use — no plugin development needed)
You Will Receive:
Full HTML file (single page app)
Clear instructions and sample content
Expected visual output (screenshots available on request)

Ideal Candidate:

Strong knowledge of CSS and inline styling
Experience with Tailwind CSS and utility-first frameworks
Understanding of how WordPress handles HTML/CSS
Ability to convert classes to inline styles dynamically
Problem solver who cares about pixel-perfect output
Let me know if you’ve done similar work. I'm ready to share the current tool and test fixes quickly.

Looking forward to working with you!" (client-provided description)