Instruction for Template Generator

So we are glad to release our Syntax Highlighter Toolkit. With this toolkit you can…

  • Highlight the Syntax of many programming languages like PHP, CSS, ASP, SQL, Apache, HTML, JavaScript and so! Just click on the dropdown menu browse through all the supported languages,
  • Total flexibility to customize the looks and styles of every component! So now you dont need to rely on a single color scheme to highlight your language. Make your own scheme and apply them on your language. After all programming is poetry right!
  • Options to select line numbers, fancy line style and also nth line number to apply style over them!

Below is a detailed instruction on each of them:

A. Basic Things~Selecting language and wrapping style:

  1. Enter your programming language on the text-box
  2. Select the Language and wrapping style (leaving wrapping style default is recommended). Choose pre for optimized line number (If selected). If you want to overcome the copying modification on listed item on Gecho based browsers like Firefox then select Pre and Table. Also you may select div but it is not recommended!
  3. Now select the Line number “Normal” if you dont want to apply additional styles!

Now simply click on generate and you are done! As easy as 1-2-3. Hey wait! We have seen only the basics. Now lets move on to some advanced ;)

B. Colorizing the syntaxes in your style:

Under the OutPut Format styles n Colors(optional) section, we have pretty optional things to do! But before making any customization, make sure that the checkbox of the very left column is selected. Else the customization won’t work! Below is a screenshot to clear up your confusions:

syntax highlighter
Click to enlarge

Also below is a video for your assistance!

 (To be added shortly...)

Below we have figured out some FAQs for your ease:

1. What is Fancy Line Number and Normal line number and How can I style them up?

Fancy Line numbers are more customizable line numbering style. Here in this toolkit Line numbers are generated by <ol> <li> </li> </ol> HTML Tag and we have the capability to style them up using proper attribute! If you have Facny Line number enabled then you can select the background color of the Fancy lines and can also select the recurrance of the Fancy Lines. For selecting Recurrance enter any numerical value on the Fancy Line Number (nth line) text box and for styling them scroll down a little bit and select the colors of Fancy Line1 and Fancy Line2. Experiment a little bit and you will find out!

2. What wrapper should I use?

We recommend using the pre(recommended) wrapping method. Here numbering is generated using <ol> Tag. Also to overcome the nasty copying behaviour of Gecho based browsers [Like Firefox] we have also included the Pre and Table wrapper. Use it only if you need. The usage of div is not at all recommended and kept only for the completeness :P

For any other query please use the comment form below!

Our PHP based syntax highlighter is powered by GeSHi ~ The open source Generic syntax highlighter. The toolkit source code is designed by Swashata (wohoo thats me :P)

And Finally access the toolkit from Here!