Tiptap 3

Atomic nodes और ProseMirror की native history वाली extension।

Installation

npm run build:integrations चलाएँ। Editor बनाने से पहले dist/integrations/tiptap/formulix-ui.min.js load करें और dist/integrations/tiptap/index.js से ESM extension import करें। Sources और licenses के लिए npm run package:integrations चलाएँ। Application की उसी Tiptap installation का उपयोग करें। चलाकर जाँचा version: 3.32.0।

Configuration

import Formulix from './formulix/index.js';
// मौजूदा editor की extensions में जोड़ें:
Formulix.configure({
  servidor: 'https://api.formulix.example',
  chave: 'YOUR_PUBLIC_KEY',
  idioma: 'hi',
  upload: uploadPng
});
// uploadPng(blob) PNG upload करे और URL वाली Promise लौटाए।
// application के buttons में:
editor.commands.openFormulix('formula'); // conta, grafico, quimica

Application में uploadPng लागू करें। Graphs और drawings के लिए upload callback अनिवार्य है। Media server user authenticate करे और PNG, size तथा permissions validate करे।

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

Commands से tabs खोलें और double-click से item edit करें। Atomic formulixInline और formulixBloco nodes sanitized HTML रखते हैं। editor.getJSON() या editor.getHTML() save करें; server sanitizer में MathML, tables और data-* बचाएँ।

ज्ञात सीमाएँ

Dialog खुला होने पर selection transactions के साथ map होता है। Service response आने तक target हट चुका हो तो update अस्वीकार होता है। Read-only mode changes रोकता है। Remote collaboration/Yjs का सत्यापन नहीं हुआ।

Version 3.32.0 में चारों types, JSON/HTML, history, mapped selection, sanitization और read-only जाँचे गए।

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