Technology moves fast! ⚡ Don't get left behind.🚶 Subscribe to our mailing list to keep up with latest and greatest in open source projects! 🏆

Subscribe to our mailing list


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 almost 3 years ago
Repo Created over 3 years ago
Repo Last Updated over 1 year 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
Fresh, new opensource 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:

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)
  • about 3 years amazing! but,how to turn the shaking off?
  • over 3 years Code does not compile because of missing bootstrap file
  • over 3 years Eating a lot of cpu on OSX/Chrome
  • over 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