This page is a simple utility to format code to be displayed on the web. The applet replaces special HTML characters with browser friendly charater codes and adds HTML markup for syntax highlighting, which makes code much easier to read. It can also add line numbers and a few other flourishes to a block of code.
This was built specifically for Processing & Arduino languages out of my own need for properly formatted and colored code. More languages may be added, but these will remain the focus.
Copy your code into the input box on the front page, make sure the correct language is selected, and press the big format button. You’ll see the formatted code and also the html markup and CSS. Copy the HTML into your page and add the styles.
Before you press "format" you can also customize the output, changing the colors and other settings.
If you use this more than once on a site you don’t need to reselect your styles each time. The markup will remain the same, so just add the HTML and make sure your first CSS is linked up.
Processing and Arduino are two open source programming languages built for artists and designers. Processing is built on Java and can be used to quickly create interactive applications which are easily embedded into web pages. Arduino is a language used to program an open source circuit board used in a range of artistic and diy projects.
There is a strong community around both languages of artists and makers with a great willingness to share. This tool is here to make sharing code online just a little easier.
My name is Anthony Mattox, an artist & designer and more recently a programmer. I've been using Processing for a while now, primarily exploring generative art as well as data visulization and interface design. I have also played with Arduino and did a fair amount of work exploring the possibilities and methods of connecting Processing and Arduino.
I created this Syntax Highlighter script to use on my own site. I share a lot of code, but find it much harder to read without syntax coloring or line numbers. As I began working on the script I decided it could be useful to others in the Processing/Arduino community.
really.
Feel free to use this utility to better share your projects with the community. If this is useful to you, credit is always appreciated. A small link in the corner of the code block can be added automatically in the customization options or, if you use this utility a lot, and prefer not to do that, a link in your website's list of resources is also awesome. Any publicity and bug reporting is very much appreciated.
// Syntax Highlighter created by anthony mattox; valid HTML, CSS, PHP; for Processing & Arduino;
// using JQuery JavaScript Library, JQuery UI, farbtastic color picker, JQuery Spinbutton, JQuery Checkboxes;
// more information on project; generated markup is free to use with attribution (link included automatically by default);