Creating(or importing) a Code Sandbox or an online IDE to be used in a Django website.

This page summarizes the projects mentioned and recommended in the original post on /r/django
Editors Software Development UI Components IDE/Tools Rich Text Editor

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • react-ace

    React Ace Component

    You can use https://ace.c9.io/ (or https://www.npmjs.com/package/react-ace if you are using react) to write the code.

  • Judge0 API

    🔥 The most advanced open-source online code execution system in the world.

    https://judge0.com/ to run the code, you can can host it on your server for free or use their api.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • ace

    Ace (Ajax.org Cloud9 Editor)

    You can use https://ace.c9.io/ (or https://www.npmjs.com/package/react-ace if you are using react) to write the code.

  • Monaco Editor

    A browser based code editor

    I have done this before using codemirror but changed to Monaco editor which is used for visual studio code and is open source. On their site is an npm install. With django you can add it into the js folder as a package with all the other js goodies. Has code completion and all other vs code has. Just a little tricky to get it working initially but once up and running very easy to customize. Hope this helps.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts