Rainbow Color Options

These are the languages you can use when adding code to the Doc It plugin. You will also find a few examples of how to use it.

Example usage

Below is an example of what you would want to paste into your content area. Notice the element <code data-language=”css”>…. “css” is the key word to change to whatever Supported Language it is you are wanting to display your code for.

<pre><code data-language=”css”>
   a.icon-animate-small {
         background-position: top right !important;
         background-size: 34px !important;
         height: 34px !important;
         width: 34px !important;
    }
   .instructional-text {
         font-size: 12px;
         line-height: 16px;
         margin-bottom: 9px;
         letter-spacing: 1px;
         color: #eee;
    }
<code></pre>

Result of code above

a.icon-animate-small {
	background-position: top right !important;
	background-size: 34px !important;
	height: 34px !important;
	width: 34px !important;
}
.instructional-text {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 9px;
	letter-spacing: 1px;
	color: #eee;
}

Supported Languages

• C
• C#
• Coffeescript
• CSS
• D
• Go
• Haskell
• HTML
• Java
• Javascript
• Lua
• PHP
• Python
• R
• Ruby
• Scheme
• Shell
• Smalltalk

To see more detailed options see everything on github https://github.com/ccampbell/rainbow