IMPORTANT: Instagram API change as of April 4th, 2018

Shopping Cart (0)

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

Add Comment

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

All Plugins on Unlimited Sites for $249 All Access Pass