How I can make a simple code editor?

• CodeMirror

  39 26,573 6.1 JavaScript

  In-browser code editor (version 5, legacy)

  

If you're open to using libraries (Not attempting to do this from scratch) codemirror is one of the gold standards for this. Many other projects use codemirror. If I remember rightly, the chrome devtools even use codemirror. The API (To customize editors and run actions against the editor via JavaScript) is really good. The creator is an amazing developer, they're the author of the book Eloquent JavaScript which is worth a read if you want to gain a deep understanding of the core parts of JavaScript.

• Monaco Editor

  113 38,268 8.4 JavaScript

  A browser based code editor

  

“New to web development” and “building a text editor” don’t really go together, but… check out the monaco editor, it’s the editor used in VS Code.

• SurveyJS

  surveyjs.io sponsored

  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.

  

Suggest a related project