colorCode documentation

In html

Define the code

Put your code inside template tag with colorcode attribute:

Attributes inside template with code:

Attribute "colorcode" - let colorCode to find this template

Attributes html,js,css,result - if not presented, main code will shown without tabs. If presented the tabs will shown by order ot attributes inside tag and by parameters inside attributes.

html - shows html tab. If other attributes not presented, all code will shown inside this tab.
js - all code between <script></script> will shown as separate tab
css - all code between <style></style> will shown as separate tab
result - will show the result as separated tab

Caution: If you showing result, dont use existing element's id, dont define tag selectors on css code, and don't use variable or function names in js, that can affect your site's existing js code.

The parameters inside html,js,css,result are: active,full.

active - the tab will be active. By default only first tab is active.
full - the tab will be in full size. By default every tab resized.

In javaScript

Include colorCode.js

dom - may be dom id, template it self or empty (document)

Run colorCode - new colorCode(dom)

You can customize style of colorcodes elements by - [colorcode] {..}

Customize colors

Second parameter in colorCode is colorsObj that allows to customize colors of code.

By default the colors are: