CodeMirror ist eine JavaScript- Komponente, die einen Code-Editor im Browser zur Verfügung stellt. Es verfügt über eine umfangreiche Programmier-API und einen Schwerpunkt auf Erweiterbarkeit.
Geschichte
Die erste Version des Editors wurde Anfang 2007 geschrieben, für die Konsole in der Eloquent JavaScript Webseite. Der Code wurde zuerst verpackt und unter dem Namen CodeMirror im Mai 2007 veröffentlicht. Diese Version basierte auf dem contentEditable
Merkmal der Browser. [2]
Ende 2010 hat das Ace- Projekt, ein weiterer JavaScript-basierter Code-Editor, neue Implementierungstechniken vorangetrieben und gezeigt, dass es auch in JavaScript möglich ist, Dokumente mit vielen tausend Zeilen ohne verschlechterte Leistung zu bedienen. Dies veranlasste eine Umschreibung von CodeMirror [3] nach denselben Prinzipien. Das Ergebnis war Version 2, die sich nicht mehr verlassen contentEditable
und die Performance deutlich verbessert hat.
Eigenschaften
- Syntax-Hervorhebung .
- Automatische Einrückung und Outdent.
- Griffe riesige Dokumente (Hunderte von Tausenden von Zeilen) ohne Probleme.
- Anpassbare Tastenbindungen einschließlich Vi und Emacs Modi.
- Eine breite Palette von Sprachmodi. [4]
- Add-ons für Autovervollständigung , Code-Faltung , integrierte Fusseln .
- Eine breite Programmier-API.
- Unterstützung für einige mobile Betriebssysteme
Projekte mit CodeMirror
- Klammern (Code-Editor)
- Codeanywhere
- Codenvy
- Gerrit Code Review
- Google Chrome DevTools
- ICECoder
- Lichttisch (experimentelle IDE)
- Mozilla Firefox Webkonsole
- SAP Screen Personas (Script Editor)
https://codemirror.net/
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 …
CodeMirror 2
CodeMirror is a JavaScript component that provides a code … |
Merge view demo
merge view demo. The merge addon provides an interface for … |
Manual
User manual and reference guide version 5.28.1. CodeMirror is a … |
JavaScript mode
JavaScript mode supports several configuration options: json … |
PHP
Simple HTML/PHP mode based on the C-like mode. Depends on … |
Theme
Theme. Theme Demo. function findSequence(goal) { function … |
Language Modes
JavaScript mode – HTML mixed mode – SQL Mode for CodeMirror |
HTML mixed mode
The HTML mixed mode depends on the XML, JavaScript, and … |
SQL Mode
SQL Mode for CodeMirror. 2. SELECT SQL_NO_CACHE … |
Autocomplete
Autocomplete. Autocomplete Demo. function getCompletions … |
Weitere Ergebnisse von codemirror.net » |