syntax highlighting support with highlight.js or similar

[dsikes]

How much work would it be to have syntax highlighting support using something like https://highlightjs.org/?

[skx]

It looks like highlightjs is pretty simple to support, looking over the pull-requests there to see an example of adding syntax highlighting for a new thing:

• For example Add graphql to supported languages highlightjs/highlight.js#3444

You'd only need identifiers, and our keywords ("case", "default", .. "true", "while"). I guess catching strings, and numbers would be nice too.

I could have a stab at it, though I'm not sure how likely it would be to be accepted.

[skx]

I've hacked up a quick demo, and it seems to work. I'll past the code into this issue once I'm happier, and submit a PR to the original project.

• Clone the code.
  • git clone [email protected]:highlightjs/highlight.js.git
• Add my evalfilter.js
  • src/languages/evalfilter.js
• Build the docker container to test it.
  • cd ~/highlight.js/ ; docker build -t highlight .
• Launch the docker container
  • docker run --rm -it --publish 8080:80 highlight
• Confirm it works via the browser
  • http://127.0.0.1:8080/tools/developer.html

via building and testing with docker.

[skx]

Pull-request opened, we'll see how well I did:

• Add highlighting support for evalfilter highlightjs/highlight.js#3460

You can take the evalfilter.js from there.

[skx]

Turns out they're too busy to accept/maintain new languages in the highlight.js project, so I've added a snippet beneath misc/ along with a demo.

Hope that's enough.

[dsikes]

Thanks for the quick turn around. The misc/ example is perfect.