CKEditor 5
Plugin mit Widgets und Transaktionen des Editormodells.
Installation
npm install formulix-ckeditor5Laden Sie formulix-ckeditor5/formulix-ui.min.js vor dem Erstellen des Editors und importieren Sie formulix-ckeditor5 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-ckeditor5';
const config = {
plugins: [ /* vorhandene Plugins, */ Formulix ],
toolbar: ['formulixFormula', 'formulixConta', 'formulixGrafico', 'formulixQuimica'],
formulix: {
servidor: 'https://api.formulix.com.br',
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
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
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. Einfügen aus Word auf den anderen Plattformen und mehrere Sprachen gleichzeitig werden noch nicht unterstützt.