BlockMath
Inline and display formulas using the independent formula core and visual formula editor.
Inline and display formulas using the independent formula core and visual formula editor.
@quirekit/block-editor · AGPL-3.0-only
Editor compatibility
Layer：Block product integration
| Editor | Status | Assembly and boundaries |
|---|---|---|
| Classic | Unsupported | This entry targets continuous-flow Block, not the paginated Classic product. Use the corresponding shared or Word capability with Classic assembly. |
| Block | Supported | createBlockEditorPreset — The default createBlockEditor preset installs this capability. Configure the corresponding preset child; graphic editing uses the preset's workspace ports, while persistence and assets remain host-owned. Avoid duplicate extensions. |
“Supported” means the product assembly above exists; interaction, host services and file formats retain their own conditions. See status and integration rules. Licensing is shown separately.
Installation
pnpm add @quirekit/block-editor@alpha
Install in Editor extensions. The host supplies a view, container and persistence; see Quick start.
import { BlockMath } from '@quirekit/block-editor'
Use compatible versions available from your distribution source. This site uses the Alpha workspace. License labels come from package metadata; see support and licensing.
Integration by editor
These snippets use an existing host element named element. The host owns container sizing and persistence; call instance.destroy() on teardown. Avoid duplicating preset capabilities and supply required host ports before installation.
Classic · Unsupported
This entry targets continuous-flow Block, not the paginated Classic product. Use the corresponding shared or Word capability with Classic assembly.
Block · Supported
The default createBlockEditor preset installs this capability. Configure the corresponding preset child; graphic editing uses the preset's workspace ports, while persistence and assets remain host-owned. Avoid duplicate extensions.
createBlockEditorPresetimport { createBlockEditor } from '@quirekit/block-editor'
import '@quirekit/block-editor/styles.css'
const instance = createBlockEditor({
element,
content: { type: 'doc', content: [{ type: 'paragraph' }] },
})Configuration
This entry has no independent configuration fields. Set document attributes through domain commands; presets may install other configurable children.
Commands and runtime
These commands are supplied directly by this extension. Availability depends on the installed schema, selection and protection policy; query editor.can() first.
| Command | Parameter signature |
|---|---|
insertBlockMath | insertBlockMath(options: BlockMathInsert) |
updateBlockMath | updateBlockMath(change: BlockMathChange) |
These are parameter signatures. See commands and controls to connect UI while retaining one transaction/history authority.
Next steps
Return to all plugins, or read configuration to distinguish options, attributes and commands.
See extension development for custom capabilities and Build a product for complete hosting.