Skip to content

Vizel API / core/src / VizelMarkdownSyncHandlers

Interface: VizelMarkdownSyncHandlers ​

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

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:155

Cleanup (cancel pending timers)

Returns ​

void


flush ​

ts
flush: (editor) => void;

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

Force immediate export (flush pending)

Parameters ​

ParameterType
editorEditor

Returns ​

void


getMarkdown ​

ts
getMarkdown: () => string;

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

Get current markdown content

Returns ​

string


handleUpdate ​

ts
handleUpdate: (editor) => void;

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

Handle editor update (call in onUpdate callback)

Parameters ​

ParameterType
editorEditor

Returns ​

void


isPending ​

ts
isPending: () => boolean;

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

Check if export is pending

Returns ​

boolean


setMarkdown ​

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

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

Set markdown content to editor

Parameters ​

ParameterType
editorEditor
markdownstring

Returns ​

void

Released under the MIT License.