# How to color syntax in a post?

**URL:** <https://discourse.aurelia.io/t/how-to-color-syntax-in-a-post/3024>\
**Category:** Site Feedback\
**Created:** [October 28, 2019, 2:53pm UTC](https://discourse.aurelia.io/t/how-to-color-syntax-in-a-post/3024 "2019-10-28T14:53:59Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![roddharris](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/roddharris/32/1340_2.png) [@roddharris](https://discourse.aurelia.io/u/roddharris)\
**Post date:** [October 28, 2019, 2:54pm UTC](https://discourse.aurelia.io/t/how-to-color-syntax-in-a-post/3024/1 "2019-10-28T14:54:00Z")

</div>

In some of the threads on this discourse, I’ve seen people post code snippets with colored syntax which makes the code a tad easier to read.

I’ve tried using the same `<!-- language : lang-js -->` type syntax found on SO but that doesn’t seem to work.

Is there any documentation on how to enable code snippet syntax highliting in the Aurelia discourse?

---

<div class="post-metadata">

**Author:** ![Alfhir](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/alfhir/32/1510_2.png) [@Alfhir](https://discourse.aurelia.io/u/Alfhir)\
**Post date:** [October 28, 2019, 4:07pm UTC](https://discourse.aurelia.io/t/how-to-color-syntax-in-a-post/3024/2 "2019-10-28T16:07:13Z")

</div>

Haven’t noticed that before but it seems like wrapping text in ``` does some formatting

```auto
Doublequotes color me "red"

```

I have no idea, why that first word is greenish…

---

<div class="post-metadata">

**Author:** ![roddharris](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/roddharris/32/1340_2.png) [@roddharris](https://discourse.aurelia.io/u/roddharris)\
**Post date:** [October 28, 2019, 4:38pm UTC](https://discourse.aurelia.io/t/how-to-color-syntax-in-a-post/3024/3 "2019-10-28T16:38:56Z")

</div>

Hmm, I can’t seem to get it to work. Are you stating that just wrapping text in ``` does the trick? IOW [backtick][backtick][backtick]my text[backtick][backtick][backtick]?

`this is what i get`

Just realized that the ``` have to be on their own line:

```auto
<div class="myclass"></div>

```

If on the same line you get this:

`<div class="myclass"></div>`

---

<div class="post-metadata">

**Author:** ![huochunpeng](https://avatars.discourse-cdn.com/v4/letter/h/49beb7/32.png) [@huochunpeng](https://discourse.aurelia.io/u/huochunpeng)\
**Post date:** [October 28, 2019, 8:40pm UTC](https://discourse.aurelia.io/t/how-to-color-syntax-in-a-post/3024/4 "2019-10-28T20:40:21Z")

</div>

Try

````auto
```js
```html
```ts
```scss

````