36px Editor

Ein schneller Markdown-Editor für Astro-Seiten. Du öffnest das Repo deiner Seite, schreibst Notizen und drückst auf Sync: Der Editor baut die Seite mit npm run build und lädt sie per rsync oder SFTP auf deinen Webserver.

Was er kann

• Schreiben wie im fertigen Text. Jeder Absatz wird so angezeigt, wie er auf der Seite erscheint. Erst beim Hineinklicken siehst du das Markdown dieses einen Blocks. Was du nicht anfasst, bleibt in der Datei Byte für Byte gleich, auch MDX-Komponenten und Importe.
• Befehle mit /, Markdown-Kürzel wie ## oder - [ ] , ein Formatierungsmenü per Doppelklick und eine schwebende Format-Leiste.
• Callouts in beiden Astro-Schreibweisen (> [!NOTE] und :::note). Der Editor übernimmt, was im Repo schon vorkommt.
• Codeblöcke mit Spracherkennung, Hervorhebung und Kopieren-Knopf.
• Frontmatter-Vorlagen beim Anlegen: automatisch aus Nachbar-Dateien, mitgelieferte Vorlagen oder eigene Vorlagen unter Settings → Repo → Frontmatter templates. Platzhalter {{title}}, {{slug}} und {{date}} werden ausgefüllt.
• Bilder per Einfügen oder Drag & Drop. Sie landen im Bilderordner des Repos.
• Notizen verwalten: anlegen, umbenennen, in den Papierkorb verschieben und nach Dateinamen filtern. Dateien und Ordner lassen sich per Drag & Drop in der Seitenleiste auch im Dateisystem verschieben; gleichnamige Ziele werden abgelehnt. Mit Settings → Repo → Only show docs folder zeigt die Seitenleiste nur den docs-Ordner (etwa src/content/docs bei Starlight) und blendet alle anderen Ordner aus.
• Suchen und Ersetzen im aktuellen Dokument mit Strg+F/⌘+F, Trefferwechsel, Groß-/Kleinschreibung, ganzen Wörtern und Rückgängig. Die Suche umfasst auch Markdown und Frontmatter.
• Revisionen pro Datei: benannte Stände anlegen, Änderungen vergleichen und ältere Versionen wiederherstellen. Jede gespeicherte Änderung erzeugt eine lokale Revision; Git-Projekte zeigen zusätzlich ihre Commits.
• Sync mit Fortschritt und Protokoll. Passwörter und Passphrasen liegen im Schlüsselbund des Systems.
• Zeilennummern, Inhaltsverzeichnis mit Scrollspy, Zen-Modus, Schrift und Schriftgröße frei wählbar, heller und dunkler Modus.

Dunkler Modus mit Zeilennummern	Befehlsmenü

Einstellungen für den Sync	Sync-Protokoll

Suchen und Ersetzen

Treffer direkt im Dokument durchgehen und einzeln oder gesammelt ersetzen.

Installieren

Fertige Pakete für Linux (.deb, .rpm, AppImage), macOS (.dmg) und Windows (.msi) entstehen beim Release über den GitHub-Workflow. Die Pakete sind nicht signiert. macOS und Windows fragen deshalb beim ersten Start nach.

Arch Linux: packaging/aur/PKGBUILD baut die App aus den Quellen (makepkg -si).

Selbst bauen: Für jedes System gibt es ein Skript. Es prüft vorher Node.js (ab 20.19), Rust (ab 1.99.1) und die Systempakete und nennt den Befehl zum Nachinstallieren, falls etwas fehlt.

Die Projekt-Toolchain ist über rust-toolchain.toml auf Rust 1.99.1 festgelegt. Installation: rustup toolchain install 1.99.1.

System	Aufruf	Ergebnis
Linux	scripts/linux_build.sh	.deb, .rpm, AppImage
macOS	scripts/mac_build.sh (--arch universal für Apple Silicon und Intel)	.app, .dmg
Windows	powershell -ExecutionPolicy Bypass -File scripts\windows_build.ps1	.msi, Setup-.exe

--help zeigt die Optionen, unter Windows -Help. Die Pakete landen unter src-tauri/target/…/bundle/.

Für den Sync braucht der Rechner Node.js und npm (für den Build der Seite) und optional rsync. Ohne rsync überträgt der Editor per SFTP.

Sync einrichten

1. Repo öffnen, dann Einstellungen (Strg+, bzw. ⌘,) → Sync.
2. Server, Benutzer und Zielpfad eintragen, Anmeldung wählen: SSH-Agent, Schlüsseldatei oder Passwort.
3. Verbindung testen, dann Strg+Umschalt+S oder der Sync-Knopf unten rechts.

„Auf dem Server aufräumen“ löscht im Zielpfad, was es in der gebauten Seite nicht mehr gibt. Der Editor verweigert den Sync, wenn der Zielpfad zu allgemein ist (etwa / oder das Home-Verzeichnis) oder der Build-Ordner leer bleibt.

Revisionen

Über Revisions rechts neben den Tabs öffnest du die Historie der aktuellen Datei. Eine Beschreibung und Create revision sichern einen benannten Stand. Beim Auswählen siehst du die Änderungen gegenüber der vorherigen Revision: entfernte Zeilen rot, hinzugefügte grün. Die älteste verfügbare Revision zeigt ihren gespeicherten Inhalt ohne Vergleich. Beim aktuellen Stand nimmt Restore previous revision die angezeigte Änderung zurück. Bei älteren Ständen stellt Restore revision die ausgewählte Version wieder her. Beides verlangt eine Bestätigung und sichert den aktuellen Stand vor dem Wiederherstellen.

In Git-Projekten erstellt Create revision zusätzlich einen Commit ausschließlich für diese Datei. Git muss installiert und Name sowie E-Mail müssen eingerichtet sein. Andere vorgemerkte Dateien bleiben unverändert; ist die aktuelle Datei bereits vorgemerkt, verlangt der Editor zuerst einen Commit oder das Zurücknehmen der Vormerkung. Es erfolgt kein automatischer Push. Die Historie zeigt die letzten 100 Datei-Commits, einschließlich früherer Dateinamen nach committed Umbenennungen.

Jede gespeicherte Text- oder Formatierungsänderung erzeugt automatisch eine neue lokale Revision – auch in Git-Projekten. Der Editor speichert nach 0,8 Sekunden ohne weitere Änderung; unverändertes Speichern erzeugt keine Revision. Die Stände liegen im Datenverzeichnis der App, außerhalb des Website-Ordners. Pro Datei bleiben 100 automatische Stände erhalten, benannte Revisionen dauerhaft. Die Historie überlebt Umbenennen und Verschieben innerhalb des Editors. Sie gilt für diesen Rechner und ersetzt kein Backup.

Unter Settings → Sync → Revision before sync lassen sich vor dem Veröffentlichen zusätzlich Revisionen anlegen. Ein Fehler beim Speichern oder Erstellen der Revisionen stoppt diesen Sync.

Tastenkürzel

Kürzel	Aktion
Strg+N	Neue Notiz
Strg+P	Notizen filtern
Strg+F	Suchen und Ersetzen
Strg+W / Strg+Tab	Tab schließen / wechseln
Strg+B, Strg+I, Strg+E, Strg+K	Fett, kursiv, Code, Link
Strg+Umschalt+X / Strg+Umschalt+H	Durchstreichen / Markieren
Strg+Z / Strg+Umschalt+Z	Rückgängig / Wiederholen
Strg+Enter	Block verlassen, neuer Absatz darunter
Strg+\	Seitenleiste
Strg+Alt+Z	Zen-Modus
Strg+Umschalt+S	Sync
Strg+,	Einstellungen

Auf dem Mac gilt ⌘ statt Strg.

Entwickeln

npm ci
npm run tauri dev     # App mit Rust-Backend
npm run dev           # nur die Oberfläche im Browser, mit Demo-Notizen statt Dateisystem
npm run check         # Typen
npm test              # Unit-Tests
npx playwright test   # Smoketests im Browser
cd src-tauri && cargo test

Welche Systempakete der Build braucht, prüfen die Skripte unter Selbst bauen. Die Screenshots oben erzeugt node scripts/screenshots.mjs bei laufendem npx vite --port 5321.

Aufbau und Entscheidungen stehen in PLAN.md.

Lizenz

MIT © 2026 Alex, siehe LICENSE. Schriften und Symbole: THIRD_PARTY_NOTICES.md.