Improved code formatting with syntax highlighting on vuo.org (GeSHi)

Feature Requests
,
1

As there is more and more GLSL code (amongst other languages) posted on Vuo & there is a great learning environment on Vuo, (with more GLSL features to come in 1.3) can we get a more code friendly Markdown version?

Currently we need to indent 4 spaces for code blocks:

code
block
is 
here

Can Team Vuo think about using Git-Hubs version of markdown if possible? Markdown Cheatsheet · adam-p/markdown-here Wiki · GitHub

this would allow the previous code block to be written:

```

code

block

is

here

```

Also there are additional online tools to allow code formatting! One would only need to do this:

```GLSL

code

block

is

here

```

To get GLSL highlighting!

2

Making it easier to format code, and adding syntax highlighting, would be doable. Doing it specifically with GitHub-style formatting would be difficult as there’s no ready-built way to add that to our site, but we could use a different formatting syntax called GeSHi. We already use GeSHi on our internal project management system and it’s quite easy to use.

@alexmitchellmus, if you’re OK with GeSHi, we can schedule this feature request.

3

@jstrecker thank you for suggesting GeSHi. I didn’t look into Git-Hub markdown too much - so I wasn’t aware that it wasn’t ‘on’ Git-Hub. (Seems a bit strange)

Code highlighting will definitely make it easier to share and learn interactively.

4

Great. Opened for voting.

5

We went ahead and implemented this. There’s now a toolbar when you make a post that has various buttons for formatting, including GLSL code with syntax highlighting.

void main(void)
{
    gl_FragColor = vec4(1,0,0,1);
}