# Code Block Syntax Highlighting

**URL:** <https://connect.superhuman.com/t/code-block-syntax-highlighting/1214>\
**Category:** Product Feedback\
**Created:** [June 19, 2018, 8:41pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214 "2018-06-19T20:41:42Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![TechPlasma](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/techplasma/32/6644_2.png) [@TechPlasma](https://connect.superhuman.com/u/TechPlasma)\
**Post date:** [June 19, 2018, 8:41pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/1 "2018-06-19T20:41:42Z")

</div>

It would be nice to have syntax highlighting within Code blocks.  
Typescript  
Javascript  
Html  
CSS  
Java  
C  
Perl  
C++  
Python

---

<div class="post-metadata">

**Author:** ![anon16319774](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@anon16319774](https://connect.superhuman.com/u/anon16319774)\
**Post date:** [July 9, 2018, 8:50pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/2 "2018-07-09T20:50:01Z")

</div>

+1

Golang + Thrift for me

I’ve seen this done two ways:

```lang=go  
code  
```  
or

```go  
code  
```

---

<div class="post-metadata">

**Author:** ![TechPlasma](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/techplasma/32/6644_2.png) [@TechPlasma](https://connect.superhuman.com/u/TechPlasma)\
**Post date:** [September 11, 2018, 5:56pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/3 "2018-09-11T17:56:18Z")

</div>

I guess I just use coda for a lot of school projects where it’s nice to have code snippets for the programs were working on or to iron out ideas with the team. And syntax highlighting would greatly help with that.

---

<div class="post-metadata">

**Author:** ![Krishna\_Chaitanya](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/krishna_chaitanya/32/12355_2.png) [@Krishna\_Chaitanya](https://connect.superhuman.com/u/Krishna_Chaitanya)\
**Post date:** [January 14, 2020, 9:48am UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/4 "2020-01-14T09:48:23Z")

</div>

Would prefer to have this too! I thought it was an obvious feature requirement 🙂

However I do have a simple workaround solution which I use. Sharing this here so others could benefit from who want to have this meanwhile coda considers adding it:

1. Go to [https://tohtml.com/](https://tohtml.com/)
2. Paste in your code
3. Select language/format, and click “Highlight”
4. Copy preview shown on right side of the page
5. Paste inside a coda doc’s Code block

---

<div class="post-metadata">

**Author:** ![Adria](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/adria/32/8450_2.png) [@Adria](https://connect.superhuman.com/u/Adria)\
**Post date:** [February 21, 2020, 4:11am UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/5 "2020-02-21T04:11:46Z")

</div>

+1 on this one. We wanted to start using Coda in our team to share code but the missing syntax highlighting feature is now good ☹

---

<div class="post-metadata">

**Author:** ![Hanjo\_Kim](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/hanjo_kim/32/12924_2.png) [@Hanjo\_Kim](https://connect.superhuman.com/u/Hanjo_Kim)\
**Post date:** [February 27, 2020, 7:43am UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/6 "2020-02-27T07:43:47Z")

</div>

+1 on this! Compared to other tools, this is a clear lack of Coda.

---

<div class="post-metadata">

**Author:** ![Yerson\_Soto](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/yerson_soto/32/11340_2.png) [@Yerson\_Soto](https://connect.superhuman.com/u/Yerson_Soto)\
**Post date:** [March 11, 2020, 11:14pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/7 "2020-03-11T23:14:13Z")

</div>

Please, add c# and [VB.NET](http://VB.NET). syntax Highlighting is really important for code analysis and documenting.

---

<div class="post-metadata">

**Author:** ![Jaisil\_Muttakulath\_Joy](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/jaisil_muttakulath_joy/32/9537_2.png) [@Jaisil\_Muttakulath\_Joy](https://connect.superhuman.com/u/Jaisil_Muttakulath_Joy)\
**Post date:** [March 12, 2020, 12:55am UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/8 "2020-03-12T00:55:59Z")

</div>

+1 for this. If you can add support for SystemVerilog as well then that would make me and other hardware engineers happy 🙂

---

<div class="post-metadata">

**Author:** ![Thomrou](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/thomrou/32/13452_2.png) [@Thomrou](https://connect.superhuman.com/u/Thomrou)\
**Post date:** [March 12, 2020, 2:28am UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/9 "2020-03-12T02:28:26Z")

</div>

I’m also looking for the exact same feature.  
In my case I’m looking for JSON syntax highlighting to document API for web services, etc.

It’s not rocket science (compare to other more advanced Coda features)  
There is some very cool JS libraries out there:  
[https://highlightjs.org/](https://highlightjs.org/)

---

<div class="post-metadata">

**Author:** ![Steve\_Yang](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/steve_yang/32/9913_2.png) [@Steve\_Yang](https://connect.superhuman.com/u/Steve_Yang)\
**Post date:** [March 12, 2020, 5:00am UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/10 "2020-03-12T05:00:13Z")

</div>

+1 on this! Compared to other tools, this is a clear lack of Coda.

---

<div class="post-metadata">

**Author:** ![Viacheslav\_Tsurkan](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/viacheslav_tsurkan/32/12996_2.png) [@Viacheslav\_Tsurkan](https://connect.superhuman.com/u/Viacheslav_Tsurkan)\
**Post date:** [April 7, 2020, 9:22am UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/11 "2020-04-07T09:22:36Z")

</div>

+1 for this.  
Moreover, add SQL syntax. Any updates from the [coda.io](http://coda.io) team on this feature?

---

<div class="post-metadata">

**Author:** ![Felix\_Ludos](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/felix_ludos/32/11685_2.png) [@Felix\_Ludos](https://connect.superhuman.com/u/Felix_Ludos)\
**Post date:** [April 29, 2020, 10:16pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/12 "2020-04-29T22:16:11Z")

</div>

+1  
Ideally, with auto-indent (tabs/spaces) inside the code blocks.

---

<div class="post-metadata">

**Author:** ![Yerson\_Soto](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/yerson_soto/32/11340_2.png) [@Yerson\_Soto](https://connect.superhuman.com/u/Yerson_Soto)\
**Post date:** [April 29, 2020, 10:34pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/13 "2020-04-29T22:34:04Z")

</div>

+1 for auto-indent. Thanks!

---

<div class="post-metadata">

**Author:** ![Josh\_Unwin1](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/josh_unwin1/32/5885_2.png) [@Josh\_Unwin1](https://connect.superhuman.com/u/Josh_Unwin1)\
**Post date:** [May 6, 2020, 7:46am UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/14 "2020-05-06T07:46:28Z")

</div>

Big +1 for this. Love using Coda has a notebook for programming but this would make it muuuch better.

Also having control of how many spaces a tab is would be very helpful, generally for notes I prefer 2 to keep it more compact.

---

<div class="post-metadata">

**Author:** ![Steve\_Yang](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/steve_yang/32/9913_2.png) [@Steve\_Yang](https://connect.superhuman.com/u/Steve_Yang)\
**Post date:** [May 6, 2020, 8:15am UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/15 "2020-05-06T08:15:58Z")

</div>

and those issue

> [@Improvement pasting web text + link + image into Doc](https://connect.superhuman.com/t/improvement-pasting-web-text-link-image-into-doc/14560/2):
>
> Compare Paste code issue 1 Hightligh code ? issue 2 Code types? CSS or others ? issue 3 Why the code convert to Table ? issue 4 Code line number ? issue 5 Wrap code ? issue 6 Collapse code block ? issue 7 formating code for looks clean issue 8 copy code button ? issue 9 code block background ? issue 10 Turn into ( text, page or ) ? Coda : Other：

---

<div class="post-metadata">

**Author:** ![andu](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/andu/32/15456_2.png) [@andu](https://connect.superhuman.com/u/andu)\
**Post date:** [June 5, 2020, 8:04pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/16 "2020-06-05T20:04:52Z")

</div>

We’re also looking to migrate internal docs to Coda, and it’s a must for us to be able to see code highlighted and auto-formatted.

---

<div class="post-metadata">

**Author:** ![Jeny\_Jean](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/jeny_jean/32/15621_2.png) [@Jeny\_Jean](https://connect.superhuman.com/u/Jeny_Jean)\
**Post date:** [June 15, 2020, 5:13am UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/17 "2020-06-15T05:13:17Z")

</div>

+1 Clickup have it. You can select the langauge as well.  
It would be great for note taking with IT project. Auto indentation would be a plus.  
Intellisense would send me to heaven 😃

 ![IT](https://global.discourse-cdn.com/coda1/original/2X/5/5a90bf6e666bac1e1d947f1ac5818b0706155687.jpeg)

---

<div class="post-metadata">

**Author:** ![Josh\_Leven](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/josh_leven/32/17371_2.png) [@Josh\_Leven](https://connect.superhuman.com/u/Josh_Leven)\
**Post date:** [October 10, 2020, 7:52pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/18 "2020-10-10T19:52:12Z")

</div>

+1 – Not sure if we can use Coda without this feature.

---

<div class="post-metadata">

**Author:** ![Kari\_Harju](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/kari_harju/32/17506_2.png) [@Kari\_Harju](https://connect.superhuman.com/u/Kari_Harju)\
**Post date:** [October 19, 2020, 3:09pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/19 "2020-10-19T15:09:15Z")

</div>

+1  
This and free file support are really must-have to able to write up technical specs to this tool. Struggling a LOT at the moment trying to migrate simple .json and .yaml specifications.

---

<div class="post-metadata">

**Author:** ![Jennifer\_Julliet\_Villalobos](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/jennifer_julliet_villalobos/32/17846_2.png) [@Jennifer\_Julliet\_Villalobos](https://connect.superhuman.com/u/Jennifer_Julliet_Villalobos)\
**Post date:** [November 11, 2020, 2:46pm UTC](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214/20 "2020-11-11T14:46:04Z")

</div>

+1! I’m looking forward to it

[Next page](https://connect.superhuman.com/t/code-block-syntax-highlighting/1214.md?page=2)
