DHTMLX ChatBot
DHTMLX (XB Software Ltd) · Chatbot
DHTMLX ChatBot ist ein kostenloses JavaScript-Widget unter MIT-Lizenz für KI-Chat-Oberflächen. Es übernimmt die Darstellung und verbindet sich mit jedem LLM-Backend, etwa ChatGPT, Claude oder Gemini.
Über DHTMLX ChatBot
About
Was ist DHTMLX ChatBot
DHTMLX ChatBot ist eine JavaScript-Komponente, die im Browser läuft und eine vollständige Chat-Oberfläche für KI-Support-Agenten zeichnet. Dahinter steht DHTMLX, ein Anbieter, der seit Jahren UI-Bibliotheken für Webanwendungen veröffentlicht und hier dieselbe Herangehensweise auf Gespräche überträgt. Das Modell liefern Sie. Ein MIT-lizenzierter Chatbot kostet nichts. Das Widget liefert Nachrichtenliste, Eingabefeld, Agenten-Seitenleiste und Gestaltung.
Das Problem ist eng umrissen. Wer bereits einen LLM-Endpunkt hat, verbringt oft Wochen damit, Sprechblasen, Scrollverhalten, Tippanzeige und Markdown-Darstellung neu zu bauen. Dieses JavaScript-Widget für KI-Chatbots übernimmt genau diese Schicht, sodass die Arbeit bei Prompts und Serverlogik bleibt.
Die Grenzen sollte man vorher kennen. Es ist ein UI-Baukasten, keine gehostete Chatbot-Plattform. Es gibt kein eigenes Modell, kein Trainings-Dashboard, keine Auswertungen und keine Übergabe an einen Menschen. Wer das braucht, baut es selbst oder wählt ein anderes Produkt.
Erste Schritte
- Installieren Sie das Paket per npm über die DHTMLX-Registry, laden Sie CSS und JS über das CDN oder kopieren Sie die statischen Dateien in Ihr Projekt.
- Legen Sie ein Container-Element auf der Seite an und starten Sie das Widget mit
new ChatBot(container, config). - Wählen Sie ein Nachrichtenlayout und hinterlegen Sie Ihre Agenten mit Name, Avatar und Begrüßungstext.
- Verbinden Sie das Sende-Ereignis mit Ihrem eigenen Endpunkt, der das LLM aufruft, und schieben Sie die Antwort zurück ins Widget.
- Laden Sie beim Start frühere Nachrichten, wenn ein Gespräch einen Seitenaufruf überdauern soll.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von DHTMLX ChatBot.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Frontend-Entwickler, die eine UI-Komponente für KI-Chats brauchen und kein eigenes Design dafür wollen
- Kleine Produktteams, die einen KI-Assistenten in eine bestehende Web-App einbauen
- Agenturen, die Kundenchatbots mit knappem Budget bauen
Aufgaben
- Ein Support-Panel in ein SaaS-Dashboard einfügen
- Demos mit mehreren Assistenten aufbauen
- Lange Markdown-Antworten anzeigen
Szenarien
- Frühes Prototyping einer Chat-Funktion
- Interne Werkzeuge mit bereits angemeldeten Nutzern
- Ein Chat-Panel in einem Modal oder einer seitlichen Schublade
Wichtigste Funktionen
Vier Layouts für Nachrichten
Nachrichten erscheinen als Blöcke, Sprechblasen, Karten oder Fluss. Karten passen zu Antworten mit Titel und kurzem Text, der Fluss hält lange Verläufe kompakt. Der Wechsel ist eine Einstellung, also lässt sich mit echten Gesprächen testen, was besser lesbar ist.
Mehrere Agenten mit Seitenleiste
Das Widget trägt einen Assistenten oder mehrere. Jeder Agent bekommt Name, Avatar und Begrüßung, die Seitenleiste listet die Gespräche zum Umschalten. Das passt zu internen Werkzeugen, in denen ein Schreibassistent und ein Code-Assistent verschiedene Aufgaben abdecken.
Schreibmaschineneffekt und Markdown
Antworten erscheinen Zeichen für Zeichen mit einstellbarer Geschwindigkeit, was gestreamten Text weniger abrupt wirken lässt. Markdown wird ausgewertet, Überschriften, Listen, Links und Codeblöcke erscheinen formatiert. Lange technische Antworten bleiben lesbar.
Chatverlauf laden
Beim Start lässt sich ein Array mit Nachrichten übergeben, dann steht das Gespräch nach einem Neuladen wieder da. Der Verlauf kommt aus Ihrem Speicher, Sie bestimmen also Dauer und Zugriff. Das Widget zeigt nur, was es bekommt.
Leichte Installation ohne Framework-Zwang
Das Paket wiegt rund 65 KB und kommt per npm, CDN-Link oder als statische Datei ins Projekt. Nichts setzt React, Vue oder Angular voraus, diese Chatbot-UI-Bibliothek läuft also in einer einfachen HTML-Seite genauso wie im Komponentenbaum. Der Quellcode ist offen, was hilft, wenn ein Team prüfen will, was in Produktion geht.
Responsiver und Nur-Lese-Modus
Das Layout passt sich schmalen Bildschirmen an, wichtig für Support-Panels auf dem Smartphone. Der Nur-Lese-Modus schaltet das Eingabefeld ab und eignet sich für Transkripte, Compliance-Archive oder Demos, in denen Besucher nur mitlesen sollen.
Vor- und Nachteile
Vorteile
- Ein Open-Source-Chatbot-Widget mit MIT-Lizenz, ohne Gebühr pro Nutzer und ohne Nutzungsgrenze.
- Rund 65 KB, die Seite mit dem Chat-Panel bleibt also leicht.
- Läuft mit jeder Chat-Oberfläche für LLMs im Backend, ohne Bindung an einen Anbieter.
- Dokumentation, Live-Beispiele und eine Anleitung zur OpenAI-Anbindung liegen bei.
- Mehrere Darstellungsmodi decken kompakte Verläufe ebenso ab wie Antworten in Karten.
Nachteile
- Es ist nur die Oberfläche: Backend, Prompt-Logik und Fehlerbehandlung müssen Sie selbst liefern, bevor eine Frage beantwortet wird.
- Auswertungen, Gesprächsprotokolle und Übergabe an Menschen fehlen, das Support-Team baut Berichte also woanders.
- Der Bestand an Erweiterungen ist kleiner als bei kompletten Chatbot-Plattformen, es gibt weniger fertige Bausteine.
- Anpassungen über die mitgelieferten Optionen hinaus erfordern CSS-Arbeit.
Häufige Fragen
Es baut die Chat-Oberfläche eines KI-Assistenten in eine Web-App. Sie liefern den Modell-Endpunkt, das Widget übernimmt Nachrichten, Eingabe, Agenten und Formatierung.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu DHTMLX ChatBot.
Alternativen zu DHTMLX ChatBot
Knocket
Knocket (Tencent RTC team) · Produktivität · Business · ChatbotKnocket ist ein kostenloses Werkzeug für Live-Chat und Kontaktseite: Besucher schreiben über Ihre Website, Ihre App oder einen Link, und Sie antworten aus Telegram oder einem einzigen Posteingang.
Agibot
Agibot · Produktivität · KI-Assistent · ChatbotAgibot ist ein persönlicher KI-Agent für den Mac, der nach dem Schließen des Fensters weiterläuft, Routinen nach Zeitplan ausführt und über Telegram oder Slack mit eigenen API-Schlüsseln antwortet.
Melete
Melete · Produktivität · KI-Assistent · ChatbotMelete ist ein KI-Arbeitsbereich für Teams: Agenten recherchieren, entwerfen und handeln in Slack, Notion, Linear und GitHub, mit geteiltem Gedächtnis und Freigaben durch Menschen.