CKEditor 5

Plugin mit Widgets und Transaktionen des Editormodells.

Installation

Führen Sie npm run build:integrations aus und kopieren Sie dist/integrations/ckeditor5/ in Ihre Anwendung. Für Quellen und Lizenzen verwenden Sie npm run package:integrations. Laden Sie formulix-ui.min.js vor dem Erstellen des Editors und importieren Sie index.js als ESM.

Verwenden Sie dieselbe ckeditor5-Installation wie Ihre Anwendung, ohne eine zweite Editor-Kopie. Getestete und als Peer Dependency deklarierte Version: CKEditor 49.

Konfiguration

// Mit der vorhandenen ClassicEditor-Konfiguration zusammenführen.
import Formulix from './formulix/index.js';
const config = {
  plugins: [ /* vorhandene Plugins, */ Formulix ],
  toolbar: ['formulixFormula', 'formulixConta', 'formulixGrafico', 'formulixQuimica'],
  formulix: {
    servidor: 'https://api.formulix.example',
    chave: 'YOUR_PUBLIC_KEY',
    idioma: 'de'
  }
};

Ohne upload-Callback verwendet Formulix FileRepository und den vorhandenen Upload-Adapter. Für eigenen Upload übergeben Sie unter formulix den Callback upload: async blob => { /* PNG hochladen und URL zurückgeben */ }. Dies beschreibt nur den Vertrag: Implementieren Sie authentifizierten Upload und serverseitige Prüfung von PNG und Größe.

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

Verwenden Sie die vier Schaltflächen und doppelklicken Sie zum erneuten Bearbeiten. Speichern Sie editor.getData(). Erhalten Sie im serverseitigen Sanitizer die data-formulix-Wrapper, MathML, Tabellen und data-*-Attribute. Änderungen und Verlauf verwenden Modelltransaktionen.

Bekannte Grenzen

Mit CKEditor 49 geprüft: vier Inhaltstypen, Speichern/Neuladen, erneutes Bearbeiten, Rückgängig, HTML-Bereinigung und Schreibschutz. Prüfen Sie die Lizenz des Host-Editors separat; der Adapter ist GPL-3.0-or-later.

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.