Bits Editor is your personal playground to develop in HTML, CSS, and Javascript, all from your own server.
JavaScript PHP
Latest commit 92c42c5 Feb 28, 2013 @jakiestfu Updated
Permalink
Failed to load latest commit information.
public Initial Commit Feb 27, 2013
setup Initial Commit Feb 27, 2013
.gitattributes Initial Commit Feb 27, 2013
.gitignore Initial Commit Feb 27, 2013
README.md Updated Feb 27, 2013

README.md

Bits Editor is your personal playground to develop in HTML, CSS, and Javascript, all from your own server. Bits is written in PHP

Featurse

  • HTML, CSS, and Javascript Editors
  • Hotkeys/shortcuts
  • Flat File Users
  • Share Results
  • In Depth Settings for CSS, HTML, Javascript, and additional assets
  • Secure CORS Workaround for displaying code
  • Framework independent, but still MVC
  • Lightweight, ~ 8.5k lines of code
  • Extendable

Requirements

  • PHP and MySQL, and an imagination brah, nothing crazy

Install

There are a few things you must do before you can get started playing with Bits Editor, but don't worry, they're really small.

1. Install the single table that Bits uses

Bits uses a single table in it's database. The .sql file to install is located in /setup/isntall.sql

2. Editor your Config File

Bits has a lot of settings for you to mess with. Navigate to /www/app/config/config.php to access them. You are required to set your base_url, your code_url (more no this option below), all of the prefixed db_ properties, and lastly, your users.

The code_url is the same url as your application, but it has a subdomain pointing to the main install. This is to thwart your code iframes from having access to the editor itself.

Go!

Bits will be ready for you to play with at this point. Have fun!


config.php Options

  • autoload - This is an array of plugins and helpers to autoload into bits everytime a request is sent.
  • reserved_translate - Bits uses MVC with no textual routing, meaning your filenames must match the URI. Because new is a reserved keyword in PHP, we must use this array to define what the new keyword will point to. By default, this is set to reserved_new
  • base_bit_settings - These are the default settings for Bits HTML, CSS, and Javascript
  • base_editor_settings - These are the default settings for your Bits Editors, including theme, tab size, line wrapping, and more.
  • libraries - This is an array of arrays used to dynamically list what libraries you want to have available to your users when writing their code.

Screenshots