Add support for bold and emphasized Markdown in Trello card titles using a User Script.

trello-card-title-markdown.user.js

// ==UserScript==
// @name Trello card title Markdown
// @version 0.4.0
// @homepage https://gist.github.com/gorbiz/6062481
// @description Add support for bold and emphasized Markdown in card titles
// @match https://trello.com/b/*
// @match http://trello.com/b/*
// ==/UserScript==

function markdownAll() {
	var cards = document.getElementsByClassName('list-card-title');
	for (var i = 0; i < cards.length; i++) {
		cards[i].innerHTML = cards[i].innerHTML
		    .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
		    .replace(/\*(.+?)\*/g, '<em>$1</em>')
		    .replace(/~~(.+?)~~/g, '<strike>$1</strike>')
		    .replace(/\`(.+?)\`/g, '<code>$1</code>');
	}
	setTimeout(markdownAll, 500);
}

markdownAll();

Install in Chrome or Chromium

1. Download the script.
2. Open chrome://extensions/ in the browser.
3. Drag the downloaded file to the browser window.

Supports bolding, emphasizing & code styling.

Does it work for Firefox?

yes, work for Firefox using Greasemonkey add-on

Thanks. Just tried. It looks to me that space after * is not recognized. Compare
*Software* guide - to appear in the card title like _Software_guide
*Software * guide - to appear in the card title like Software guide
Is this the case on your browser? (I use Windows 7, Chrome, and Scrum for Trello extension)

Loving this, thanks. Can you submit this to the Chrome Web Store? Chrome just disabled it on restart.

This script is awesome for three reasons:

1. I love being able to add bold text to my Trello titles!
2. the source code is very small => easy to read & understand => no surprises
3. I didn't know that it possible to add small script like that as a Chrome Extension! I'm gonna do that all the time, now that I've discovered the necessary template! :-p

Thanks, Karl!

Gorbiz, thanks a lot for the script, but could you please upload it to Google Web Store? Chrome disabled the extension saying: This extension is not listed in the Chrome Web Store and may have been added without your knowledge. Of course it had been added with my knowledge, but there is no way to enable it now. The only solution I found in Chrome Help is: If you need to use a disabled extension, you can contact the extension’s developer and ask them to upload their extension to the Chrome Web Store.

Thank you for understanding my situation.

Kao

Is it possible to have a line break?! so you would have a bold titles and a brief description showing on the card.

@gorbiz Hi. Just like the comment from kao17, I was hoping you could add this Trello extension to Google store so it will be recognized as a Google Extension. It keeps disabling the extension because it's not authorized. Let me know if you would if you can do this. Thanks, Gary

Wow, so cool that I'm not alone in this desire to have markdown in Trello titles.
Thank you all for your positive words ❤️ And sorry for being a little late to the party.

Now in the Chrome Web Store (as reqested by @neilojwilliams, @kao17 & @wpbns):
https://chrome.google.com/webstore/detail/trello-card-title-markdow/nahpelodohninpblkcldjdohdhiahdef
https://github.com/gorbiz/trello-title-markdown <-- And a repo for forking, issues & all that

Haven't uploaded an extension to the Chrome Store before; please let me know if I got anything wrong :)

Hi @gorbiz,
The script is really awesome. Thanks for this. I really like it =)

Also, I would really want to have possibility to detecting clickable links. I think it will be good upgrading.
What do you think about it?

Thanks,
Alexander

Thanks man THANK YOU SO MUCH!!!

Thanks @AlexGoncharov!
I agree completely, your request makes the first GitHub issue for this project 😄 gorbiz/trello-title-markdown#1 - will add that ASAP!

Thank YOU @rtinikan! 😊

Hi @gorbiz, is there any chance of putting another extension in Chrome? The one quoted is no longer found and those in my team that have it, found it really useful and excellent to use. It makes such a difference on the Trello board and you achieved what other extensions could not. Thank you .

Hi @JJ77JJ,
It makes me so happy to hear that you and your team find the extension useful! 🙂

Looks like Google took it down (likely due to a missing description). I've resubmitted it, with some luck it will be back in a couple of days:

Thanks for letting me know about this 🙂
Take care! ❤️

Hi @gorbiz, thank you so much for doing this. I will keep an eye out for it in Chrome and pass it on to our newer team members when it is there. It definitely makes the running of our projects a lot smoother. All the best, @JJ77JJ

Hi @gorbiz, hope all is good. Is there any news on getting the extension reviewed and available in Chrome? It seems to have stalled for a couple of weeks in the compliance review stage. If there is anything I can do to move things along, please let me know. Thank you :) JJ77JJ

Hi @JJ77JJ! 🙂
They denied my re-submission with "Your item did not comply with the following section of our policy [Developer Program Policies]: We may remove your item if it has a blank description field, or missing icons or screenshots, and appears to be suspicious" ...I'm guessing this makes it suspicious (the other things should be there). I asked them to clarify, so we wait...
Can't think of anything else to do right now, can you? :/
Thank you! :)

Hi @gorbiz,
Thanks for the update and oh no! This is such a useful tool to enhance Trello. I can vouch to both Google and Trello that is not suspicious and improves the clarity of using the Trello and improves team understanding and performance. The old version is referenced across the internet as a valuable extension. If you need me to complete anything when they come back to you, let me know.

In the meantime, thank you for what you have done so far in trying to get the extension re-instated. :-)

looking forward to the successful submission. Really needed the bold function at trello title too. :)