Syntax highlighting

[fredsted]

Basic syntax highlighting for various languages:

• JSON (obviously)
• XML

Decide on which library to use:

https://highlightjs.org
http://prismjs.com

[yepher]

Ace is a good and easy way to do it. Also make it easy to collapse and expand sections. Here is an example of it.

[micsco]

@fredsted have you thought about how you'd like this to be implemented? This is something I might have a go at this weekend.

[fredsted]

@micsco I've been thing of using an editor component like Ace as was suggested, as a bonus I think it also supports other formats like XML which would be really handy. Not sure how well it fits with the existing Angular app, it's not very well written right now so might have to move some things around for something like Ace to fit in.

[micsco]

What about something like PrismJS?

It's not an editor, but I'm not sure there are editing needs for webhooks?

[micsco]

Another option is HighlightJS.

[fredsted]

I wonder if there's any package that can do formatting as well? Couldn't find anything about it on the PrismJS or HighlightJS website. Right now there's only JSON formatting, but lots of users also post XML to Webhook.site. Something that could auto-pretty print various formats would be neat.

[micsco]

Looks like we may have to add formatting for XML separately. I'll create a ticket to track it.

[micsco]

I've created #60 to track XML formatting/pretty printing.