Tiptap 3

Erweiterung mit atomaren Knoten und nativem ProseMirror-Verlauf.

Installation

Führen Sie npm run build:integrations aus. Laden Sie dist/integrations/tiptap/formulix-ui.min.js vor dem Erstellen des Editors und importieren Sie die ESM-Erweiterung aus dist/integrations/tiptap/index.js. Für Quellen und Lizenzen verwenden Sie npm run package:integrations. Nutzen Sie dieselbe Tiptap-Installation wie Ihre Anwendung. Ausgeführte Version: 3.32.0.

Konfiguration

// Zur bestehenden extensions-Liste hinzufügen:
import Formulix from './formulix/index.js';
Formulix.configure({
  servidor: 'https://api.formulix.example',
  chave: 'YOUR_PUBLIC_KEY',
  idioma: 'de',
  upload: uploadPng
});
// uploadPng(blob): Promise<URL>
editor.commands.openFormulix('formula'); // conta, grafico, quimica

Implementieren Sie uploadPng in Ihrer Anwendung: PNG hochladen und ein Promise mit der URL zurückgeben. Für Graphen und Zeichnungen ist upload erforderlich. Der Medienserver muss Nutzer authentifizieren und PNG, Größe und Berechtigungen prüfen.

API und öffentlicher Schlüssel

Tragen Sie die HTTPS-API-Adresse des Betreibers und den öffentlichen Schlüssel Ihres Kontos ein. Registrieren Sie die Domain des Editors im Dashboard; sie deckt auch Subdomains ab. https://api.formulix.example und YOUR_PUBLIC_KEY sind Platzhalter, kein erreichbarer Dienst und kein echter Schlüssel.

Schon Vorschauen und später Einfügungen senden Inhalte an die API. Verwenden Sie im Browser nur den domaingebundenen öffentlichen Schlüssel, niemals Administrator-, SMTP- oder Mercado-Pago-Zugangsdaten. Siehe Authentifizierung, Fehler und Limits sowie den Datenschutzentwurf.

Nutzung und Speicherung

Öffnen Sie Dialogbereiche über Befehle und bearbeiten Sie Elemente per Doppelklick. Die atomaren Knoten formulixInline und formulixBloco speichern bereinigtes HTML. Speichern Sie editor.getJSON() oder editor.getHTML() und erhalten Sie MathML, Tabellen und data-* im serverseitigen Sanitizer.

Bekannte Grenzen

Die Auswahl folgt Transaktionen, während der Dialog offen ist. Wird das Ziel während einer API-Antwort entfernt, wird die Aktualisierung abgelehnt. Schreibschutz verhindert Änderungen. Zusammenarbeit über Remote/Yjs ist nicht validiert.

Vorhandene Prüfungen mit 3.32.0: vier Inhaltstypen, JSON/HTML, Verlauf, nachgeführte Auswahl, HTML-Bereinigung und Schreibschutz.

Der OMML/RTF-Clipboardpfad für Word bleibt TinyMCE-spezifisch. Gleichwertiges Einfügen in Alpha-Adaptern, mehrere Sprachen gleichzeitig, Firefox/WebKit und mobile Geräte müssen noch validiert werden.