Skip to content

Vizel API / core/src / VizelMarkdownSyncHandlers

Interface: VizelMarkdownSyncHandlers

Defined in: packages/core/src/utils/markdown.ts:141

Create debounced markdown sync handlers. This is a framework-agnostic helper that frameworks can use to implement their own hooks.

Param

options

Sync options

Example

typescript
const sync = createVizelMarkdownSyncHandlers({
  debounceMs: 300,
  transformDiagrams: true,
});

// In onUpdate callback:
sync.handleUpdate(editor);

// Get current markdown:
console.log(sync.getMarkdown());

// Set markdown:
sync.setMarkdown(editor, "# New content");

// Cleanup:
sync.destroy();

Properties

destroy

ts
destroy: () => void;

Defined in: packages/core/src/utils/markdown.ts:153

Cleanup (cancel pending timers)

Returns

void


flush

ts
flush: (editor) => void;

Defined in: packages/core/src/utils/markdown.ts:151

Force immediate export (flush pending)

Parameters

ParameterType
editorEditor

Returns

void


getMarkdown

ts
getMarkdown: () => string;

Defined in: packages/core/src/utils/markdown.ts:145

Get current markdown content

Returns

string


handleUpdate

ts
handleUpdate: (editor) => void;

Defined in: packages/core/src/utils/markdown.ts:143

Handle editor update (call in onUpdate callback)

Parameters

ParameterType
editorEditor

Returns

void


isPending

ts
isPending: () => boolean;

Defined in: packages/core/src/utils/markdown.ts:149

Check if export is pending

Returns

boolean


setMarkdown

ts
setMarkdown: (editor, markdown) => void;

Defined in: packages/core/src/utils/markdown.ts:147

Set markdown content to editor

Parameters

ParameterType
editorEditor
markdownstring

Returns

void

Released under the MIT License.