Trello Table Markdown Extension Chrome

Trello Table Markdown Extension

One thing Trello is missing is markdown support for tables.
With the Trello Table Markdown Chrome extension you can now use markdown to create tables in card description and comments.
And this new version also supports code syntax highlighting!

PLEASE NOTE:
This extension will not be updated anymore.
All it's features are included in my Trello Cards Optimizer extension, which is available from the Crome store at https://chrome.google.com/webstore/detail/ipbjjbpopodbnjbjnneakhcppdocpelg
It's not optimal for me to maintain both extensions, so I decided to discontinue the Trello Table Markdown.
If you don't want the extra features TCO gives you, just disable the ones you don't like (only once) in the settings.
Table markdown and syntax highlighting are always enabled.

• Table markdown in description and comments:
TTM supports markdown support for tables in card backside description, and even in the comments!
To create a table, always start lines with a | (pipe) and include a header, a separator with column defitions with minimum three dashes per column, and a minimum of 1 row below the separator row (or 2 rows in case of a 2 columns table).
The total number of columns is set based upon the number of | --- | separator row.

You can control table width, column alignment, text wrap and column spanning, and you can use multiple lines in a table header or cell.
A full explanation of the Table markdown syntax is included in Trello's Formatting Help, just click that button and scroll down!

• Copy/paste tables in description and comments:
If you have a table as text formatted with tabs (like you get when you copy rows from an Excel table) the table markdown is automatically formatted on paste!

• Tab support in description and comments editing:
You can use the tab key during editing, which will automatically insert 4 spaces.
The left and right arrow as well as backspace keys detect 4 spaces as a tab and jump over it.
You can also select a block of text and use the tab key to indent it or shift-tab to remove indentation.

• Text coloring in description and comments:
creates red text. You can only use html color names.

• Syntax highlighting in ``` code blocks in description and comments:
You can tell TTM to use syntax highlighting for code blocks enclosed by ```.
To use it, specify the code language on the first line followed by a colon:, like this:
```
html:
... your code here ...
```

After the colon you can use the options 'linenumbers' and or 'wraptext'.
So to use syntax highlighting for sql with linenumbers and wrapped lines, use:
```
sql:linenumbers,wraptext
... your code here ...
```

The following language codes are available:
asp, c, c#, c++, css, cssless, html, htmlmixed, htmlphp, java, javascript, json, jsp, mariadb, mssql, mysql, objectivec, pearl, pgsql, php, plainhtml, plsql, python, ruby, sql, typescript, vb, xcss, xml.

Explanation of the syntax highlighting is just as with the table markdown included in Trello's Formatting Help, just click that button and scroll down!

=========

If you want a lot more enhancements to Trello cards in lists, please check out the Trello Cards Optimizer Chrome extension.
It also includes the table markdown and code syntax highlighting functionality, so you don't need both extensions.
Install it from https://chrome.google.com/webstore/detail/trello-cards-optimizer/ipbjjbpopodbnjbjnneakhcppdocpelg

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 2,\t"name": "Trello Table Markdown",\t"short_name": "TrelloTables",\t"version": "1.54",\t"description": "Table markdown formatting for Trello", \t"icons": { \t\t"16": "icon16.png",\t\t"48": "icon48.png",\t\t"128": "icon128.png" \t},\t\t \t"content_scripts": [\t\t{\t\t"matches": ["https://trello.com/*"],\t\t"js": ["jquery-2.2.4.min.js", "content.js", "codemirror/codemirror.js", "codemirror/multiplex.js",\t\t\t\t"codemirror/javascript.js","codemirror/clike.js","codemirror/css.js","codemirror/perl.js","codemirror/php.js",\t\t\t\t"codemirror/python.js","codemirror/ruby.js","codemirror/sql.js","codemirror/vb.js","codemirror/vbscript.js",\t\t\t\t"codemirror/xml.js","codemirror/htmlembedded.js","codemirror/htmlmixed.js","prism/prism.js"],\t\t"css": ["trellotables.css","codemirror/codemirror.css","prism/prism.css"]\t\t}\t],\t"permissions": [\t\t"*://trello.com/*", "storage"\t],\t\t"web_accessible_resources": [\t\t"images/*", "markuphelp.html", "changelog.txt", "warning.txt", "changelogpopup.html"\t]}

Trello Table Markdown

Table markdown formatting for Trello

Latest Version

Trello Table Markdown Extension

Source Manifest.json

Get source code (.Zip)

Latest Updates

Top Rated