🔄 Form to HTML
Convert your project / workflows details into properly formatted HTML tables:
- Fill out the form: Enter your project details in the form fields on the left
- Watch the preview: The HTML preview updates automatically as you type
- Copy or download: Use the "Copy HTML" button to copy to clipboard, or "Download HTML" to save as a file
💡 Tips:
- For objectives, interventions, and outcomes: Enter each point on a new line to create bullet/numbered lists
- Email addresses in the POC field automatically become clickable mailto links
- The preview updates in real-time, so you can see changes immediately
- Category and Partners: Select multiple predefined options or use "Other" to specify custom categories
💻 Project vs Workflow Modes:
- Projects Mode: Full form with Project Details + Project Summary sections
- Workflows Mode: Simplified form with only Project Details (Title, POC, Partners, Category, Status)
📋 HTML to Form
Convert existing HTML tables back to editable form fields:
- Switch to "HTML to Form" tab: Click the tab at the top
- Paste your HTML: Copy and paste your existing HTML table code
- Parse the HTML: Click "Parse to Form" to extract the data
- Edit and regenerate: You'll be redirected to the form tab where you can edit and regenerate
💡 Notes:
- Works with HTML tables that follow the Project / Workflow format
- Automatically extracts bullet points and numbered lists back to text format
- Handles email links and converts them back to plain email addresses
- Auto-detection: System automatically detects and switches to the appropriate mode (Projects vs Workflows) based on HTML structure
📊 Understanding the Form Fields
Project Details Section:
- Title: The main project name/title
- POC: Point of Contact email address
- Partners: Organizations involved
- Category: Primary purpose - select multiple options (Admission, Inpatient, Discharge, Workflows) or specify custom categories
- Status: Current project status
Project Summary Section:
- Project Dates: Timeline (e.g., "October 2018 - March 2019")
- Sample Size: Scope and scale of the project
- Reason for Action: Why this project was needed
- Aim/Objective: Project goals (each line becomes a bullet point)
- Stakeholders: All parties involved or affected
- Interventions: Actions taken (each line becomes numbered)
- Outcomes: Results achieved (each line becomes numbered)
❓ Troubleshooting
Potential Issues:
- HTML parsing fails: Ensure your HTML is valid and follows table structure
- Lists not formatting: Put each item on a new line in text areas
- Email not clickable: Ensure valid email format in POC field
Browser Requirements:
- Chrome/Chromium (recommended)
- Firefox
- Safari
- Edge
🚀 Quick Start Example
Try this sample data to see how it works:
This will fill the form with example data so you can see the converter in action.