CodeMirror - In-browser code editing

  •        4451

CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content. It could be easily integrated in to your webpage. It supports JavaScript, XML/HTML, CSS, Python, PHP, diff, C, Java, sTeX, LaTeX, Haskell, Smalltalk, reStructuredText and PL/SQL. It also supports features like Autocompletion, Search/replace, Highlighting the current line.


http://codemirror.net/

Tags
Implementation
License
Platform

   




Related Projects

Ace - Code Editor in JavaScript


Ace is a standalone code editor written in Javascript. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter project. Ace can be easily embedded into any existing web page. It could provide Syntax highlighting, Auto indentation, key bindings including VI and Emacs modes, Themes, Search and replace and lot more.

ICECoder - Web IDE / Browser Code Editor


ICEcoder is a web IDE / browser based code editor, which allows you to develop websites directly within the web browser. It uses the brilliant CodeMirror for code highlighting & editing, with a slick IDE wrapped around it to make the whole thing work. It supports code editing for HTML, CSS, LESS, JavaScript, CoffeeScript, PHP & Ruby.

Ymacs - AJAX source code editor


Ymacs is an Emacs-like editor that works in your browser. It is based on DynarchLIB Javascript framework.



CodeMirror2-GWT - A GWT wrapper for the CodeMirror in-browser code editor. Relays on CodeMirror V2.


A GWT wrapper for the CodeMirror in-browser code editor. Relays on CodeMirror V2.

Visual Studio Code - Code editing. Redefined


Visual Studio Code is a new type of tool that combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. Code provides comprehensive editing and debugging support, an extensibility model, and lightweight integration with existing tools.

CKEditor - The best browser-based WYSIWYG editor


CKEditor is a text editor to be used inside web pages. It's a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice. It's an editor to be used inside web pages.

Aloha editor - HTML5 WYSIWYG Editor


The most advanced browser based Editor lets you experience a whole new way of editing. It’s faster than existing technologies and offers unprecedented functionalities. Aloha Editor is designed to be the easiest to use, the fastest in editing and the best in its functions.

editor - Next-gen, highly customizable content editor for the browser - based on React and Redux


ORY is a company building and maintaining developer tools for a safer, more accessible web. You might also like our other Open Source projects! The ORY Editor is a smart, extensible and modern editor ("WYSIWYG") for the web written in React. If you are fed up with the limitations of contenteditable, you are in the right place.The ORY Editor is used at Germany's largest (~800k uniques per month) E-Learning Website www.serlo.org to improve the wiki experience.

Wymeditor - Web-based XHTML editor


WYMeditor is a web-based WYSIWYM (What You See Is What You Mean) XHTML editor (not WYSIWYG). WYMeditor has been created to generate perfectly structured XHTML strict code, to conform to the W3C XHTML specifications and to facilitate further processing by modern applications.

Xinha - The Community-built Open Source Online HTML Editor


Xinha (pronounced like Xena, the Warrior Princess) is a powerful WYSIWYG HTML editor component that works in all current browsers. Its configurabilty and extensibility make it easy to build just the right editor for multiple purposes, from a restricted mini-editor for one database field to a full-fledged website editor. Its makes it an ideal candidate for integration into any kind of project.

Codelobster - Free Portable IDE for PHP/HTML/CSS/JavaScript Development


Codelobster PHP Edition streamlines and simplifies php development process. It provides HTML editor, HTML code inspector, CSS editor, JavaScript editor, PHP editor, PHP debugger and lot more.

codemirror.dart - A Dart wrapper around the CodeMirror text editor.


CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced editing functionality.See also our example/ directory.

pen - enjoy live editing (+markdown)


You can clone the source code from github, or using bower.You can set defaults.textarea to a piece of HTML string, by default, it's <textarea name="content"></textarea>。This will be set as innerHTML of your #editor.