excalidraw

Excalidraw-Editor | Blog | Dokumentation | Excalidraw+

Ein virtuelles Open-Source-Whiteboard im handgezeichneten Stil.
Kollaborativ und Ende-zu-Ende-verschlüsselt.

Erstellen Sie wunderschöne handgezeichnete Diagramme, Drahtmodelle oder was auch immer Sie möchten.

Merkmale

Der Excalidraw-Editor (npm-Paket) unterstützt:

• ? Kostenlos und Open Source.
• ? Unendliches Whiteboard auf Leinwandbasis.
• ✍️ Handgezeichneter Stil.
• ? Dunkler Modus.
• Anpassbar.
• ? Bildunterstützung.
• ? Unterstützung für Formbibliotheken.
• ? Unterstützung für Lokalisierung (i18n).
• ?️ Export in PNG, SVG und Zwischenablage.
• ? Offenes Format – Zeichnungen als .excalidraw JSON-Datei exportieren.
• ⚒️ Große Auswahl an Werkzeugen – Rechteck, Kreis, Raute, Pfeil, Linie, Freizeichnen, Radiergummi ...
• ➡️ Pfeilbindung & beschriftete Pfeile.
• ? Rückgängig machen/Wiederholen.
• ? Unterstützung für Zoom und Schwenken.

Excalidraw.com

Die auf excalidraw.com gehostete App ist eine minimale Demonstration dessen, was Sie mit Excalidraw erstellen können. Der Quellcode ist ebenfalls Teil dieses Repositorys und die App bietet Folgendes:

• ? PWA-Unterstützung (funktioniert offline).
• ? Zusammenarbeit in Echtzeit.
• Ende-zu-Ende-Verschlüsselung.
• ? Local-First-Unterstützung (automatische Speicherung im Browser).
• ? Gemeinsam nutzbare Links (Export in einen schreibgeschützten Link, den Sie mit anderen teilen können).

Wir werden diese Funktionen in Zukunft als Drop-in-Plugins für das npm-Paket hinzufügen.

Schnellstart

Hinweis: Die folgenden Anweisungen gelten für die Installation des Excalidraw npm-Pakets bei der Integration von Excalidraw in Ihre eigene App. Informationen zum lokalen Ausführen des Repositorys für die Entwicklung finden Sie in unserem Entwicklungshandbuch.

 npm install react react-dom @excalidraw/excalidraw

oder über Garn

 yarn add react react-dom @excalidraw/excalidraw

Weitere Informationen finden Sie in unserer Dokumentation!

Mitwirken

• Fehlt Ihnen etwas oder haben Sie einen Fehler gefunden? Hier berichten.
• Möchten Sie einen Beitrag leisten? Schauen Sie sich unseren Beitragsleitfaden an oder lassen Sie es uns auf Discord wissen.
• Möchten Sie bei Übersetzungen helfen? Siehe den Übersetzungsleitfaden.

Integrationen

• VScode-Erweiterung
• npm-Paket

Wer integriert Excalidraw?

Google Cloud • Meta • CodeSandbox • Obsidian Excalidraw • Replit • Slite • Notion • HackerRank • und viele andere

Sponsoren & Unterstützung

Wenn Ihnen das Projekt gefällt, können Sie Sponsor bei Open Collective werden oder Excalidraw+ nutzen.

Vielen Dank für die Unterstützung von Excalidraw

Zu guter Letzt danken wir diesen Unternehmen dafür, dass sie ihre Dienste kostenlos anbieten: