CKEditor 5

Editor model की transactions और widgets वाला plugin।

Installation

npm run build:integrations चलाकर dist/integrations/ckeditor5/ application में copy करें। Sources और licenses वाली delivery के लिए npm run package:integrations इस्तेमाल करें। Editor बनाने से पहले formulix-ui.min.js load करें और index.js को ESM के रूप में import करें।

Application की उसी ckeditor5 installation का उपयोग करें; दूसरी editor copy bundle न करें। Tested version और घोषित peer dependency: CKEditor 49।

Configuration

import Formulix from './formulix/index.js';
// ClassicEditor की मौजूदा configuration में मिलाएँ।
const config = {
  plugins: [ /* application plugins, */ Formulix ],
  toolbar: ['formulixFormula', 'formulixConta', 'formulixGrafico', 'formulixQuimica'],
  formulix: {
    servidor: 'https://api.formulix.example',
    chave: 'YOUR_PUBLIC_KEY',
    idioma: 'hi'
  }
};

upload callback न होने पर FileRepository और पहले से configured upload adapter इस्तेमाल होते हैं। Custom upload के लिए formulix में upload: async blob => { /* upload PNG; return URL */ } दें। यह केवल contract है; server पर authenticated upload, PNG और size validation लागू करें।

API और public key

संचालक से मिली HTTPS API URL और अपने खाते की public key लगाएँ। Dashboard में editor का domain दर्ज करें; वह subdomains को भी कवर करता है। उदाहरणों में https://api.formulix.example और YOUR_PUBLIC_KEY placeholders हैं, चालू सेवा या असली key नहीं।

Preview और insertion का content API को जाता है। Browser में केवल domain से जुड़ी public key रखें; admin, SMTP या Mercado Pago credentials कभी न रखें। Authentication, errors और limits तथा गोपनीयता नीति देखें।

उपयोग और saving

चार buttons से item डालें; double-click से फिर edit करें। editor.getData() save करें। Server sanitizer में data-formulix wrappers, MathML, tables और data-* attributes बचाएँ। Changes और history model transactions इस्तेमाल करते हैं।

ज्ञात सीमाएँ

CKEditor 49 पर चारों types, save/reload, re-edit, undo, sanitization और read-only mode जाँचे गए। Host editor का license अलग review करें; adapter GPL-3.0-or-later है।

Word का OMML/RTF clipboard मार्ग TinyMCE के लिए विशिष्ट है। Alpha adapters में उसकी समान सुविधा, एक साथ अलग भाषाएँ, Firefox/WebKit और mobile उपयोग का सत्यापन अभी बाकी है।