/markdown-table-imagifier

A browser-based tool that converts Markdown tables into downloadable PNG images. Perfect for easily sharing formatted tables on platforms that don't support Markdown or HTML tables. Built with vanilla JavaScript and HTML5 Canvas.

Primary LanguageJavaScriptMIT LicenseMIT

Markdown Table Imagifier

A browser-based tool that converts Markdown tables into downloadable PNG images. Perfect for easily sharing formatted tables on platforms that don't support Markdown or HTML tables.

Features

  • Convert Markdown tables to PNG images directly in your browser
  • No server-side processing - everything happens client-side
  • Customizable table styling
  • One-click download of generated images
  • Responsive design for use on desktop and mobile devices

Demo

[Link to live demo - replace with your actual deployed URL]

Getting Started

Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, or Edge)
  • No additional software installation required!

Usage

  1. Visit the Markdown Table Imagifier website
  2. Paste your Markdown table into the input area
  3. Click "Generate Image"
  4. Preview the generated table image
  5. Click "Download Image" to save the PNG file

Example

Input Markdown:

| Language | Created | Use Case |
|----------|---------|----------|
| Python   | 1991    | AI, Data |
| JavaScript | 1995  | Web Dev  |

Output: An image file containing a formatted table.

Development

Want to contribute? Great! Here's how you can set up the project locally:

  1. Clone the repo 
    git clone https://github.com/your-username/markdown-table-imagifier.git
  2. Open index.html in your browser

That's it! The project uses vanilla JavaScript and HTML5 Canvas, so no build process is required.

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Fahad Murtaza - info@fahdmurtaza.com

Project Link: https://github.com/fahdi/markdown-table-imagifier

Acknowledgments


This README provides:

1. A brief description of the project
2. Key features
3. A link to a live demo (you'll need to add this once you deploy)
4. Instructions for using the tool
5. An example of input and output
6. Development setup instructions
7. Guidelines for contributing
8. License information
9. Contact information
10. Acknowledgments