Over a million developers have joined DZone.
Platinum Partner


· Web Dev Zone

The Web Dev Zone is brought to you in partnership with Mendix.  Discover how IT departments looking for ways to keep up with demand for business apps has caused a new breed of developers to surface - the Rapid Application Developer.

The Django-IDE is a web based IDE made with HTML5 and JavaScript.

Currently, the following features have been written and are working:

  • Local storage: When you open a file once, this is copied to browser local storage,
    so the next times you open this file, if it has not changed, it will open intantaneusly
    from browser storage instead of getting it from server.
  • Offline mode: When you lose your connection, as it uses the local storage to save data on your browser,
    you can continue working in the open files and the changes generated offline will be sent
    to the server the next time the ide detects a connection.
  • Sync changes: If you are editing a file and, at the same time, other person edits it, the ide notify you
    of these changes and proposes you to get external changes or override with yours.
  • Resources filter
  • Source code color syntax
  • Source code formatting


  • From pypi:
    $pip install django-ide
  • From source:
    $python setup.py install


The Django-IDE has two settings that can be set in settings.py:

  1. Add djide to your INSTALLED_APPS in your settings.py project:



  2. Include djide urls in your urls.py project:

    urlpatterns = patterns(

    (r’^djide/’, include(‘djide.urls’)),


$python manage.py runserver
That’s it, the last command should start a local server on port 8000, now you can
open your browser and go to to edit your projects apps.


See: https://github.com/lusob/django-ide/issues

Source: http://lusob.com/2012/01/django-ide/

The Web Dev Zone is brought to you in partnership with Mendix.  Learn more about The Essentials of Digital Innovation and how it needs to be at the heart of every organization.


{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}