Please enable JavaScript to view this site.

Navigation: Editing Elements

Formatting Program Source Code

Scroll Prev Top Next More

Examples of program source code are much easier to read if reserved words, comments, identifiers and so on are highlighted as they are in a modern programming editor. SnipSVG's Syntax Highlighting function does this for you. It understands the syntax of many languages.

The highlighter is pre-configured with standard formatting for all these languages, but you can change the formatting yourself for every element type in every language to suit your own preferences. (Note that you must do this before applying your formatting. Changing highlighting settings does not change the formatting of code that has already been highlighted.)

 

Tip: Use SnipSVG to visualize source code snippets

Format source code snippets to highlight keywords, identfiers and other elements.

Add a box or frame as the text background to make code snippets visually stand out.

Save code snippets in SVG format: text stays text and users can select, copy and paste the examples.

Source Code Snippet Example in SVG Format