Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
 
 
img
 
 
js
 
 
 
 
 
 
 
 
 
 

README.md

Code Tabs

An online editor for html, css, js with TABS

Setup

<div class="codetabs" data-name="sketch">
   <!-- First Tab -->
   <textarea data-name="sketch.html"></textarea>
   <!-- Second Tab -->
   <textarea data-name="sketch.js"></textarea>
   <!-- Third Tab -->
   <textarea data-name="sketch.css"></textarea>
</div>

Options

  • data-name="sketch" - [name will become the id of the iframe]
  • data-width="800" - [default: fit parent]
  • data-height="300" - [default: fit parent]
  • data-fontsize="16px" - [set the font size, default: 14px]
  • data-lines="#eee" - [editor lines, default: none]
  • data-background="#aaa" - [editor background, default: none]
  • data-nohints="true" - [disable code hinting]
  • data-nozip="true - [disable downloadin of zip]
  • data-nofullscreen="true" - [disable fullscreen]
  • data-isplaying="true" - [start with preview]
  • data-isfullscreen="true" - [start fullscreen]
  • data-ishidden="true" - [start hidden]
  • data-images="img/cat.jpg" - [images to preload]
  • data-webcam="true" - [include webcam script check js/ext/webcam.js]
  • data-scripts="http://cdnjs.cloudflare.com/ajax/libs/three.js/r57/three.min.js" - [js scripts to load]
  • data-processing="js/local/processing-1.4.1.min.js" - [using processing, use sketch.pde for first tab]
  • data-appendbody="true" - [when created append to body tag (centered) instead of to the parent tag, requires width and height]

About

Code Tabs is an online html, css, js editor with tabs for embedding into pages

Resources

License

Releases

No releases published
You can’t perform that action at this time.