Writing a (simple) code editor for the web?

This page summarizes the projects mentioned and recommended in the original post on /r/AskProgramming

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.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • dev

    Development repository for the CodeMirror editor project

  • Hey there! Thanks for reaching out. Writing a code editor with syntax highlighting in a browser can be a little tricky, but it's definitely doable. One resource that might be helpful is the Ace Editor library (https://ace.c9.io/). It's a lightweight but powerful editor that includes syntax highlighting for a huge range of languages. You could also check out CodeMirror (https://codemirror.net/), which is another popular library for building web-based code editors. Good luck, and let us know how it goes!

  • upm

    ⠕ Universal Package Manager - Python, Node.js, Ruby, Emacs Lisp.

  • I'm curious about how to write a code editing window with syntax highlighting in a browser. Something like repl.it although obviously much simpler. I've searched around for tutorials/examples but I haven't found much. Does anyone have good resources for this?

  • 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.

    SurveyJS logo
  • ace

    Ace (Ajax.org Cloud9 Editor)

  • Hey there! Thanks for reaching out. Writing a code editor with syntax highlighting in a browser can be a little tricky, but it's definitely doable. One resource that might be helpful is the Ace Editor library (https://ace.c9.io/). It's a lightweight but powerful editor that includes syntax highlighting for a huge range of languages. You could also check out CodeMirror (https://codemirror.net/), which is another popular library for building web-based code editors. Good luck, and let us know how it goes!

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

  • Factorio Undo/Redo Improvements and Car Latency Driving

    1 project | news.ycombinator.com | 24 May 2024
  • Create your Biography Web Page with AWS Amplify Gen 2

    2 projects | dev.to | 18 May 2024
  • Exploring ASTs in Emacs with Tree-sitter

    2 projects | dev.to | 13 May 2024
  • Netlify Dynamic Site Challenge: Building a Mars Mission Photo Web App

    1 project | dev.to | 7 May 2024
  • AI-Powered Frontend UI Components Generator (Next.js, GPT4, Langchain, & CopilotKit)

    3 projects | dev.to | 6 May 2024