The official Code in the Dark editor

Subscribe to updates I use editor

Statistics on editor

Number of watchers on Github 2740
Number of open issues 7
Average time to close an issue 3 days
Main language HTML
Average time to merge a PR 3 days
Open pull requests 2+
Closed pull requests 3+
Last commit about 2 years ago
Repo Created about 3 years ago
Repo Last Updated 9 months ago
Size 697 KB
Organization / Authorcodeinthedark
Latest Releasev0.1.0
Page Updated
Do you use editor? Leave a review!
View open issues (7)
View editor activity
View on github
Latest Open Source Launches
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating editor for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

The official editor for Code in the Dark

Read more about the Code in the Dark competition here


Try the editor online: http://codeinthedark.com/editor/

How to Use

  • Grab the contents of the dist/ folder, or download this zip. All contestants should be given a copy of the editor.
  • Replace assets/page.png in the editor files with a screenshot of the page that is to be built in the competition.
  • Add any extra assets (e.g. images) that are required to build the page in the assets/ folder.
  • Edit the assets/instructions.html file with information about the extra assets and their dimensions.


Here's how to install the dependencies and run the editor locally:

$ npm install
$ ./node_modules/.bin/gulp serve

To build the editor, run:

$ gulp dist

This will compile all scripts and styles and inline them into a single html file in the dist/ folder. It will also create a dist/assets/ folder, which separately contains the instructions and page screenshot so that they can easily be changed between different rounds of the competition.


Contributions to the editor welcome. If you've fixed a bug or implemented a cool new feature that you would like to share, please feel free to open a pull request here.

editor open issues Ask a question     (View All Issues)
  • over 2 years amazing! but,how to turn the shaking off?
  • almost 3 years Code does not compile because of missing bootstrap file
  • almost 3 years Eating a lot of cpu on OSX/Chrome
  • almost 3 years Emmet support
editor open pull requests (View All Pulls)
  • Add player name badge and built in result viewer
  • 15 min countdown timer
editor questions on Stackoverflow (View All Questions)
  • Ace Editor Cursor Current Position in Numeric Index
  • Ace editor Detect if Change happen via Autocomplete
  • Paste selection in console based editor
  • How to add ComboBox as a cell editor in scala.swing.Table?
  • ASP.NET MVC Editor Template Not Working
  • Ace Editor Pause/Disable UndoManager
  • Building editor with DOM Range and content editable
  • Inline pdf editor in rails app?
  • how to swap uiTextField with Uilabel easily using xcode editor?
  • How can I use iOS 9.2 photo editor in my IOS app
  • Trix Editor save changes
  • how to make black boundaries to a UILabel using the xcode editor?
  • PHP hyperclick package for atom text editor
  • How to load ace editor theme from CDN with requirejs?
  • forbid script tags and event listeners in jqte jqery text editor using htmlpurifier
  • User friendly property file editor
  • Tab and Enter key do not work anymore in the webstorm editor while typing
  • Using TinyMCE editor inside Bootstrap dialog popup
  • How to change font (size) for an eclipse editor programmatically?
  • How do I implement radio buttons in Sitecore 7.5 page editor?
  • InTableControl buttons of datatable editor not working when in child tr (responsive mode)
  • How to center the logo in OptimizePress editor?
  • how to add a plugin to tinymce 3.x editor after init (dynamically)?
  • Rebuild eclipse editor
  • Rich Text Editor inside Flux Form
  • How to remove the space from the comments in Atom Editor
  • Qt Creator crashes when attempting to open .ui forms editor
  • Editor Tabs and Upload Media Button missing from wp_editor
  • Page is not redirecting after update with ck editor
  • Using django-froala-editor, the editor works in admin page won't work in post page?Uncaught TypeError: $(...).froalaEditor is not a function
editor list of languages used
More projects by codeinthedark View all
Other projects in HTML