ClassicFlowchart
Assembles flowchart content and a shared workspace, using editable Word pictures when available and block nodes otherwise.
Assembles flowchart content and a shared workspace, using editable Word pictures when available and block nodes otherwise.
@quirekit/classic-flowchart · Commercial
Editor compatibility
Layer：Classic product integration
| Editor | Status | Assembly and boundaries |
|---|---|---|
| Classic | Supported | Add this optional Classic extension to createClassicEditor extensions. The host still owns assets, persistence and required styles; this is not a product plugin for plugins. |
| Block | Unsupported | Block does not consume Classic product contributions, plugins or paginated assembly. Use shared capabilities and Block adapters instead of copying this entry's Classic configuration. |
“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
The current @quirekit/classic-flowchart manifest is private. This site uses workspace source; external projects need the relevant distribution package rather than assuming public npm availability.
This entry is a commercial component. Obtain distribution access and authorization first; installation commands require that distribution source.
This optional product extension belongs in createClassicEditor extensions and still follows the Core Extension contract.
import { ClassicFlowchart } from '@quirekit/classic-flowchart'
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 · Supported
Add this optional Classic extension to createClassicEditor extensions. The host still owns assets, persistence and required styles; this is not a product plugin for plugins.
import { createClassicEditor } from '@quirekit/classic-editor'
import '@quirekit/classic-editor/styles.css'
import { ClassicFlowchart } from '@quirekit/classic-flowchart'
const instance = createClassicEditor({
element,
extensions: [ClassicFlowchart],
})Block · Unsupported
Block does not consume Classic product contributions, plugins or paginated assembly. Use shared capabilities and Block adapters instead of copying this entry's Classic configuration.
Configuration
These are extension-level defaults. Presets can override them; they are distinct from current document attributes. See configuration.
open
Open an authoring workspace for the captured target and return a disposable UI task. Recheck the target before asynchronous submission.
Type：(request: FlowchartEditRequest, editor: QuireEditor): { close(): void; }
Default：open
render
Render source into a matching static preview. The host owns resources and the rendering lifetime.
Type：(document: FlowchartDocument, editor: QuireEditor): Promise<FlowchartRasterSnapshot>
Default：Built-in callback
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 |
|---|---|
insertFlowchart | insertFlowchart(request: FlowchartInsertion) |
updateFlowchart | updateFlowchart(request: FlowchartUpdate) |
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.
Continue with Classic quick start and configuration/lifetime. See product plugin development for your own UI and services.