Tiptap 3

Erweiterung mit atomaren Knoten und nativem ProseMirror-Verlauf.

Installation

npm install formulix-tiptap

Laden Sie formulix-tiptap/formulix-ui.min.js vor dem Erstellen des Editors und importieren Sie die ESM-Erweiterung aus formulix-tiptap. 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-tiptap';
Formulix.configure({
  servidor: 'https://api.formulix.com.br',
  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

Standardmäßig ist der offizielle Dienst eingetragen, https://api.formulix.com.br. Der Schlüssel ist optional: Ohne ihn nutzt die Domain des Editors den kostenlosen Tarif; ist das Limit erreicht, zeigt der Dialog einen Registrierungslink. Registrieren Sie die Domain im Dashboard und wählen Sie einen Tarif; die Registrierung deckt auch Subdomains ab, und die Website funktioniert weiterhin ohne 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 die Datenschutzhinweise.

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. Einfügen aus Word auf den anderen Plattformen und mehrere Sprachen gleichzeitig werden noch nicht unterstützt.