Client: Feature request: syntax highlight in Markdown

Created on 5 Oct 2017 · 9Comments · Source: keybase/client

Allow adding a language to code blocks, same way Github does it

how it is now

```c++
int main(){}
```

simply becomes:

int main(){}

how it should be

```c++
int main(){}
````

should render to

int main(){}

Discord does this too and it's really nice.

Source

raingloom

👍42 😕1

Most helpful comment

code blocks would be really nice to have.

jbsmith7741 on 28 Jun 2018

👍8

All 9 comments

prism could make this fairly painless.

konsumer on 31 Oct 2017

code blocks would be really nice to have.

jbsmith7741 on 28 Jun 2018

👍8

Code blocks with syntax highlighting would be great!

zJeremiah on 28 Jun 2018

Would be great to have this.

nall on 26 May 2019

👍7

This would be a KILLER feature over Slack, which does not support it after all these years 🙄

moltar on 29 Jun 2019

👍3

This would be great to have!

chrispruitt on 3 Nov 2019

👍2

Agreed, this is probably one of the only things I miss from Discord (although I wont miss that rubbish snippet size limit discord impose).

l3uddz on 16 Nov 2019

Has this moved forward at all or been considered by the team? Slack offers full support for this now, and this is the main thing that I miss from that and Discord.

Would love to see this in Keybase.

T99 on 27 Jan 2020

❤1

Hi I have started work on this, please view my progress here: https://github.com/opr/client/commit/e8db611521cccb65e14161016e96c98f60a61f15

as mentioned in the commit, I need help with how to add the styles from highlight.js. At the moment I just added it to react.tsx but this is not the right place (I didn't even know where to begin to look at adding third party stylesheets). If you show me how to add this properly I will do it!

Also I need to know if this approach is going to work on the React Native app? (since it uses divs, will this work?) comments would be very much appreciated.
keybase