top of page

Markdown Table Generator


Create an application that will convert a regular table with data provided by the User (optionally) into a Markdown formatted table.


Markdown is a lightweight markup language for creating formatted text using a plain-text editor. John Gruber and Aaron Swartz created Markdown in 2004 as a markup language that is appealing to human readers in its source code form.

What Is It?

Markdown is a plain text formatting syntax aimed at making writing for the internet easier. The philosophy behind Markdown is that plain text documents should be readable without tags mussing everything up, but there should still be ways to add text modifiers like lists, bold, italics, etc. It is an alternative to WYSIWYG (what you see is what you get) editors, which use rich text that later gets converted to proper HTML.

It’s possible you’ve encountered Markdown without realizing it. Facebook chat, Skype, and Reddit all let you use different flavors of Markdown to format your messages.

Here’s a quick example: to make words bold using Markdown, you simply enclose them in * (asterisks). So, *bold word* would look like bold word when everything is said and done.

All told, Markdown is a great way to write for the web using plain text.

It Converts to HTML Easily :

Now, if you’re going to be writing HTML, you should just…write HTML. But if you’re, say, writing an email or a readme file where you need HTML’s formatting options but not the full breadth of its features, Markdown is perfect.

Markdown converts to HTML flawlessly, sparing you the hassle of opening and closing all those tags. So. Many. Tags.

In fact, Markdown has the software to convert the plain text to HTML built in! So Markdown is actually a text-to-HTML conversion software in addition to being a markup language.

Plus, have you ever tried to convert from a .docx file to HTML? You often get so much extra formatting and spacing that it’s not worth the effort.

User Stories

  • User can create an HTML table with a given number of Rows and Columns

  • User can insert text in each cell of the HTML table

  • User can generate a Markdown formatted table that will contain the data from the HTML table

  • User can preview the Markdown formatted table

Bonus features

  • User can copy the Markdown formatted table to the clipboard by pressing a button

  • User can insert a new Row or Column to a specified location

  • User can delete a Row or a Column entirely

  • User can align (to the left, right or center) a cell, a column, a row, or the entire table

164 views0 comments

Recent Posts

See All
bottom of page