HTML Table Reader

A web application that transforms complex HTML tables (especially from ChatGPT research) into clean, readable formats.

Problem Solved

When ChatGPT generates research tables with complex HTML markup, they can be difficult to read due to:

  • Excessive styling and CSS classes
  • Data attributes cluttering the markup
  • Poor mobile responsiveness
  • Inconsistent formatting

Features

  • Clean HTML Processing: Removes unnecessary attributes and styling while preserving content
  • Readable Table Format: Applies consistent, professional styling
  • Mobile Responsive: Tables scroll horizontally on smaller screens
  • Copy Functionality: Export cleaned HTML for use elsewhere
  • Real-time Processing: Instant conversion of pasted HTML

How to Use

  1. Copy HTML table content from ChatGPT or other sources
  2. Paste into the text area
  3. Click "Make Readable" to process
  4. View the cleaned, formatted table
  5. Optionally copy the cleaned HTML

Technical Details

  • Backend: Hono framework for API processing
  • Frontend: Vanilla JavaScript with Tailwind CSS
  • Processing: Removes data attributes, classes, and styling while preserving semantic content
  • Responsive Design: Sticky headers and horizontal scrolling for large tables

API Endpoints

  • GET / - Main application interface
  • POST /api/process - Process HTML and return cleaned version

File Structure

├── index.ts              # Main Hono application
├── frontend/
│   └── index.html        # Frontend interface
└── README.md            # This file