Show ANSI colors on Github README.md

Question

I want to convert this ugly line ...

"\e[0;92;49mGroup::Item\e[0m | \e[0;35;49mgender\e[0m\n  \e[0;92;49mGroup::SubItem\e[0m | \e[0;36;49mage=22 \e[0m\e[0;94;49mfirst_name=\"Juan Manuel\" \e[0m\e[0;36;49msite_id=1 \e[0m\e[0;94;49mstore_id=1 \e[0m\e[0;36;49mgender=\"M\" \e[0m\e[0;94;49msavings=20.5 \e[0m\n    \e[0;93;49mSource::Item\e[0m | \e[0;36;49mage=22 \e[0m\e[0;94;49mfirst_name=\"Juan Manuel\" \e[0m\e[0;36;49msite_id=1 \e[0m\e[0;94;49mstore_id=1 \e[0m\e[0;36;49mgender=\"M\" \e[0m\e[0;94;49msavings=20.5 \e[0m\n    \e[0;93;49mSource::Item\e[0m | \e[0;36;49mage=31 \e[0m\e[0;94;49mfirst_name=\"Leandro\" \e[0m\e[0;36;49msite_id=1 \e[0m\e[0;94;49mstore_id=1 \e[0m\e[0;36;49mgender=\"M\" \e[0m\e[0;94;49msavings=15.5 \e[0m\n    \e[0;93;49mSource::Item\e[0m | \e[0;36;49mage=65 \e[0m\e[0;94;49mfirst_name=\"Rodolfo\" \e[0m\e[0;36;49msite_id=2 \e[0m\e[0;94;49mstore_id=2 \e[0m\e[0;36;49mgender=\"M\" \e[0m\e[0;94;49msavings=50.2 \e[0m\n    \e[0;93;49mSource::Item\e[0m | \e[0;36;49mage=8 \e[0m\e[0;94;49mfirst_name=\"Francisco\" \e[0m\e[0;36;49msite_id=2 \e[0m\e[0;94;49mstore_id=3 \e[0m\e[0;36;49mgender=\"M\" \e[0m\e[0;94;49msavings=2.5 \e[0m\n    \e[0;93;49mSource::Item\e[0m | \e[0;36;49mage=31 \e[0m\e[0;94;49mfirst_name=\"Gustavo\" \e[0m\e[0;36;49msite_id=3 \e[0m\e[0;94;49mstore_id=4 \e[0m\e[0;36;49mgender=\"M\" \e[0m\e[0;94;49msavings=40.5 \e[0m\n    \e[0;93;49mSource::Item\e[0m | \e[0;36;49mage=35 \e[0m\e[0;94;49mfirst_name=\"Javier\" \e[0m\e[0;36;49msite_id=3 \e[0m\e[0;94;49mstore_id=5 \e[0m\e[0;36;49mgender=\"M\" \e[0m\e[0;94;49msavings=25.5 \e[0m\n  \e[0;92;49mGroup::SubItem\e[0m | \e[0;36;49mage=64 \e[0m\e[0;94;49mfirst_name=\"Susana\" \e[0m\e[0;36;49msite_id=2 \e[0m\e[0;94;49mstore_id=2 \e[0m\e[0;36;49mgender=\"F\" \e[0m\e[0;94;49msavings=30.0 \e[0m\n    \e[0;93;49mSource::Item\e[0m | \e[0;36;49mage=64 \e[0m\e[0;94;49mfirst_name=\"Susana\" \e[0m\e[0;36;49msite_id=2 \e[0m\e[0;94;49mstore_id=2 \e[0m\e[0;36;49mgender=\"F\" \e[0m\e[0;94;49msavings=30.0 \e[0m\n    \e[0;93;49mSource::Item\e[0m | \e[0;36;49mage=33 \e[0m\e[0;94;49mfirst_name=\"Virginia\" \e[0m\e[0;36;49msite_id=2 \e[0m\e[0;94;49mstore_id=3 \e[0m\e[0;36;49mgender=\"F\" \e[0m\e[0;94;49msavings=70.1 \e[0m\n    \e[0;93;49mSource::Item\e[0m | \e[0;36;49mage=33 \e[0m\e[0;94;49mfirst_name=\"Gabriela\" \e[0m\e[0;36;49msite_id=3 \e[0m\e[0;94;49mstore_id=4 \e[0m\e[0;36;49mgender=\"F\" \e[0m\e[0;94;49msavings=45.5 \e[0m\n"

into this beautiful and shiny table

Obviously, I do not want to use images ...

How can i do this?

Answer 1

It's impossible. GitHub Markup uses an html pipeline to misinform any HTML , removing everything you can use for colored text, including:

• style the elements
• style attributes
• font the elements

Please note that the attribute coloris still available, however this is a little good because it requires an element font.

, html-.