Code Tabs is an online html, css, js editor with tabs for embedding into pages
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
deprecated
font
img
js
screenshots
LICENSE.md
README.md
index.html

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]