Trello Table Markdown

Table markdown formatting for Trello

What is Trello Table Markdown?

Trello Table Markdown is a Chrome extension developed by https://trellocards.com, and its main feature is "Table markdown formatting for Trello".

Extension Screenshots

screenshot
screenshot

Download Trello Table Markdown Extension CRX File

Download Trello Table Markdown extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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                    

Extension Basic Information

Name Trello Table Markdown Trello Table Markdown
ID pgifaolbebmlmfafkgngfjchfpcpndig
Official URL https://chromewebstore.google.com/detail/trello-table-markdown/pgifaolbebmlmfafkgngfjchfpcpndig
Description Table markdown formatting for Trello
File Size 255 KB
Installation Count 787
Current Version 1.54
Last Updated 2019-09-29
Publish Date 2019-09-29
Rating 3.00/5 Total 2 Ratings
Developer https://trellocards.com
Email [email protected]
Payment Type free
Extension Website http://trellocards.com
Help Page URL http://trellocards.com/
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Trello Table Markdown",
    "short_name": "TrelloTables",
    "version": "1.54",
    "description": "Table markdown formatting for Trello",
    "icons": {
        "16": "icon16.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "content_scripts": [
        {
            "matches": [
                "https:\/\/trello.com\/*"
            ],
            "js": [
                "jquery-2.2.4.min.js",
                "content.js",
                "codemirror\/codemirror.js",
                "codemirror\/multiplex.js",
                "codemirror\/javascript.js",
                "codemirror\/clike.js",
                "codemirror\/css.js",
                "codemirror\/perl.js",
                "codemirror\/php.js",
                "codemirror\/python.js",
                "codemirror\/ruby.js",
                "codemirror\/sql.js",
                "codemirror\/vb.js",
                "codemirror\/vbscript.js",
                "codemirror\/xml.js",
                "codemirror\/htmlembedded.js",
                "codemirror\/htmlmixed.js",
                "prism\/prism.js"
            ],
            "css": [
                "trellotables.css",
                "codemirror\/codemirror.css",
                "prism\/prism.css"
            ]
        }
    ],
    "permissions": [
        "*:\/\/trello.com\/*",
        "storage"
    ],
    "web_accessible_resources": [
        "images\/*",
        "markuphelp.html",
        "changelog.txt",
        "warning.txt",
        "changelogpopup.html"
    ]
}