Gemeinsamer JavaScript-Editor
Schreiben Sie gemeinsam und in Echtzeit JavaScript mit geteilten Cursorn und validieren oder formatieren Sie den Code für alle.
Readme
Was ist gemeinsames Bearbeiten von Code?
Beim gemeinsamen Bearbeiten von Code können mehrere Entwickler gleichzeitig am selben Code arbeiten, jeder im eigenen Browser. Das ist nützlich für Pair-Programming, Vorstellungsgespräche, Unterricht und gemeinsames Debuggen eines Codeausschnitts – ganz ohne gemeinsame IDE oder den Austausch von Dateien.
Damit alle dieselbe Version haben, werden Änderungen als kleine Bearbeitungen statt als vollständige Dateien übertragen. Ein Server legt fest, in welcher Reihenfolge sie angewendet werden. Gleichzeitig vorgenommene Änderungen werden aufeinander abgestimmt, sodass beide erhalten bleiben.
Beschreibung des Tools
Dieses Tool ist ein gemeinsamer JavaScript-Editor mit Syntaxhervorhebung. Öffnen Sie ihn und teilen Sie den Link: Alle im Raum bearbeiten denselben Code in Echtzeit, sehen die Cursor der anderen und können den Code mit einem Klick für alle überprüfen oder formatieren.
Die Überprüfung kontrolliert die Syntax mit dem Babel-Parser (einschließlich ES-Modulen und JSX). Zum Formatieren wird Prettier verwendet. Dabei werden nur die geänderten Zeilen ersetzt, sodass Änderungen, die andere währenddessen eingeben, erhalten bleiben.
Funktionen
- Bearbeitung in Echtzeit – Änderungen aller Beteiligten werden sofort angezeigt und zusammengeführt, auch wenn mehrere Personen gleichzeitig tippen
- Cursor und Markierungen – sehen Sie, wo sich die einzelnen Personen gerade befinden; die jeweilige Farbe wird neben ihrem Namen angezeigt
- Überprüfen – kontrolliert die JavaScript-Syntax und zeigt den ersten Fehler mit Zeile und Spalte an
- Formatieren – formatiert den Code mit Prettier für alle im Raum neu
- Kopieren und herunterladen – speichern Sie eine Kopie des Codes als .js-Datei
Funktionsweise
Beim Öffnen der Seite wird ein Raum auf dem Synchronisierungsserver erstellt und der Link dazu in die Adressleiste eingefügt. Alle, die den Link öffnen, treten demselben Raum bei und sehen dasselbe Dokument.
Jede Änderung wird als kurze Beschreibung der Änderungen an den Server gesendet – also welche Zeichen an welcher Stelle eingefügt oder gelöscht wurden – statt den gesamten Text zu übertragen. Der Server ordnet die Änderungen aller Beteiligten und verschiebt Änderungen, die auf einer älteren Version basieren, hinter die zuvor vorgenommenen Änderungen. Anschließend übermittelt er das Ergebnis an alle anderen. Eigene Eingaben werden sofort angezeigt; Änderungen anderer werden darum herum zusammengeführt. So gehen keine Eingaben verloren, wenn zwei Personen gleichzeitig etwas bearbeiten.
Das Dokument bleibt nur so lange im Arbeitsspeicher des Servers, wie der Raum geöffnet ist. Wenn Sie die Seite neu laden, kehren Sie mit dem bisherigen Text in den Raum zurück. Sobald alle den Raum verlassen haben, werden der Raum und sein Text gelöscht.
Einschränkungen
- Ein Raum bietet Platz für bis zu 20 Personen und 100.000 Zeichen.
- Nach dem Schließen eines Raums werden keine Daten gespeichert. Laden Sie den Text herunter, bevor die letzte Person den Raum verlässt.
- Sehr schnelle oder sehr umfangreiche Änderungen, etwa wenn das gesamte Dokument mehrmals hintereinander eingefügt wird, werden abgelehnt. Der Editor lädt dann den Text des Raums neu.
- Wenn Sie einen Raumlink in einem anderen gemeinsamen Editor öffnen (zum Beispiel einen SQL-Raum im JavaScript-Editor), wird „Raum nicht gefunden“ angezeigt: Jeder Raum ist an eine Sprache gebunden.
- Die Überprüfung kontrolliert nur die Syntax. Der Code wird nicht ausgeführt.