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