AiEditor
AiEditor Team · Coding · Produktivität
AiEditor ist ein Open-Source-Texteditor mit KI für Webprodukte. Schreiben, Umschreiben, Übersetzen und Chat laufen im Dokument, die Installation braucht nur einen npm-Befehl.
Über AiEditor
About
Was ist AiEditor
AiEditor ist ein KI-Texteditor für KI-Produkte. Er läuft als Web Component und damit in Vue-, React-, Angular-, Svelte-, Layui- oder reinen JavaScript-Projekten. Sobald Sie ein Modell anbinden, wird daraus ein KI-Dokumenteneditor. Das Prinzip ist einfach: kein Chatfenster neben dem Text, die Aktionen sitzen im Dokument. Sie markieren einen Absatz, fordern eine Überarbeitung an und entscheiden dann, ob das Ergebnis bleibt.
Der Kern erledigt die lästige Arbeit. Überschriften, Tabellen, Codeblöcke, Formeln, Bilder, Audio, Video und Anhänge sind dabei, dazu helles und dunkles Theme, ein mobiles Layout und eine zweisprachige Oberfläche. Uploads laufen über Ihren eigenen Handler. Dateien landen also in Ihrem Speicher und nicht bei einem Dritten.
Zuerst die Grenzen. Der Open-Source-Texteditor steht unter LGPL-2.1, kommerzielle Nutzung ist erlaubt, solange Sie die Lizenzbedingungen einhalten. Seitenumbruch, Echtzeit-Zusammenarbeit und Dokumentvergleich gehören zum kostenpflichtigen Pro-Paket. Behördliche Formate mit rotem Kopf, Siegeln und festen Layouts brauchen die offizielle Edition. Ein kleines Team, das nur schreiben will, vermisst nichts davon. Wer Vertragsprüfung oder gemeinsames Bearbeiten aufbaut, schon.
Erste Schritte
- Installieren Sie das Paket mit
npm install aieditorund importieren Sie das Stylesheet. - Erzeugen Sie eine Instanz auf einem Container-Element und setzen Sie Platzhalter, Theme und Startinhalt.
- Binden Sie die KI an: zeigen Sie auf einen OpenAI-kompatiblen Endpunkt oder schreiben Sie einen eigenen Generierungsdienst.
- Verbinden Sie Uploads mit Ihrem Speicher, wählen Sie die Toolbar-Einträge und gehen Sie live.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von AiEditor.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Frontend-Entwickler, die einen Editor mit KI-Anbindung brauchen
- Produktteams, die einen KI-Schreibeditor ausliefern
- Dokumentteams in Unternehmen mit Verträgen und Berichten
Aufgaben
- Marketingtexte oder Kursunterlagen entwerfen
- Einen rohen Entwurf aufräumen
- Einen Editor zum Einbetten in CMS, internes Tool oder CRM ergänzen
Szenarien
- Eine interne Wissensdatenbank aufbauen
- Inhalte für mehrere Märkte lokalisieren
- Einen Bericht vorbereiten, den mehrere Personen kommentieren
Wichtigste Funktionen
KI-Aktionen im Dokument
Text markieren, und das Kontextmenü bietet Fortsetzen, Erweitern, Kürzen, Feinschliff, Übersetzen oder Fragen. Antworten streamen herein, Sie können die Generierung stoppen, wiederholen, kopieren, an der Cursorposition einfügen oder die Auswahl ersetzen. Mit eigenen Prompts und zusätzlichen Menüeinträgen zeigen Sie nur, was Ihre Nutzer wirklich brauchen.
Ihr eigenes Modell
AiEditor bringt kein Modell mit. Sie verbinden einen OpenAI-kompatiblen Endpunkt oder implementieren den Generierungsdienst selbst. Schlüssel, Audit-Protokolle und Routing bleiben damit in Ihrer Hand. Für Teams, die Kundentext nicht an einen beliebigen Anbieter schicken dürfen, zählt das.
Chat mit Dokumentkontext
Das KI-Panel arbeitet mit dem ganzen Dokument, mit der aktuellen Auswahl oder ohne Kontext. Rückfragen halten den Faden, ein Autor kann also auf einem Absatz beharren, ohne den Auftrag neu zu erklären. Es wirkt wie ein Lektor, der in der Datei sitzt.
Framework-unabhängige Einbindung
Der Editor ist eine Web Component. Vue-, React-, Angular-, Svelte-, Layui- und JavaScript-Projekte binden ihn gleich ein, und das Inhaltsmodell bleibt auf Desktop und Mobil identisch. Wechselt der Frontend-Stack, schreiben Sie die Integration nicht neu.
Strukturierte Inhalte, die Wiederverwendung aushalten
Überschriften, Listen, Tabellen, Codeblöcke, Formeln, Erwähnungen und Medien sind echte Knoten, keine HTML-Suppe. Tiptap-JSON trägt das Modell, Block-IDs bleiben stabil, eingefügtes Markdown wird sauber umgewandelt. Inhalte überstehen Export, Suche und spätere Bearbeitung.
Konfigurierbare Oberfläche
Drei Toolbars (klassisch, kompakt, Ribbon), Dark Mode, Nur-Lesen-Modus, Vollbild und eine zweisprachige Oberfläche gehören zum Kern. Menüs, Uploader und Erweiterungen lassen sich anpassen, dasselbe Paket wirkt als schmale Kommentarbox oder als vollständiger Dokumentarbeitsplatz.
Vor- und Nachteile
Vorteile
- Offener Kern unter LGPL-2.1: Sie können den Code lesen und in kommerziellen Produkten einsetzen.
- KI-Funktionen laufen mit Ihrem Modell und Ihren Prompts, Datenumgang und Kosten bleiben kalkulierbar.
- Läuft in den gängigen Frontend-Frameworks ohne Wrapper-Bibliothek.
- Solides Dokumentmodell: Tabellen, Code, Formeln, Medien und stabile Block-IDs.
Nachteile
- Das KI-Panel bleibt stumm, bis ein Modell angebunden ist, der Aufbau dauert also länger als bei einer gehosteten Schreib-App.
- Seitenumbruch, Live-Zusammenarbeit und Dokumentvergleich verlangen das kostenpflichtige Pro-Paket.
- Die Dokumentation ist zuerst auf Chinesisch gedacht, englische Leser finden bei Fortgeschrittenen-Optionen dünne Seiten.
Häufige Fragen
Ja. Der Kern ist Open Source unter LGPL-2.1 und für private wie kommerzielle Projekte gratis, solange die Lizenz eingehalten wird. Pro und die offizielle Dokumentedition sind kostenpflichtige Zusätze.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu AiEditor.
Alternativen zu AiEditor
Base Code
Base44 (Wix) · Coding · ProduktivitätBase Code ist eine geteilte Cloud-Entwicklungsumgebung von Base44. Das Team beschreibt Änderungen an einem bestehenden GitHub-Repository im Chat, prüft sie in der Vorschau und reicht sie als Pull Request ein.
Google EmbeddingGemma 2
Google DeepMind · Schreiben · Bilder · CodingGoogle EmbeddingGemma 2 ist ein offenes Modell mit 740 Millionen Parametern, das Text, Code, Bilder, Audio und Videobilder in Vektoren eines gemeinsamen 768-dimensionalen Raums umwandelt und auf Handys und Notebooks läuft.
GitGlow
GitGlow · Coding · ProduktivitätGitGlow ist ein Git-Client für den Desktop, der Ihren Code und die Änderungen Ihrer KI-Agenten in einer Review bündelt, damit Sie vor dem Ausliefern sehen, was die Maschine verlässt.