Markdown Demo Description

This page demonstrates rendering and editing markdown content in CanvasX. You can use markdown widgets to add formatted text, lists, code blocks, and more to your canvas for documentation or presentation purposes.

Markdown Widget Documentation

Overview

CanvasX supports markdown rendering, allowing you to add rich text, lists, code, and other markdown features to your board. Markdown widgets are useful for notes, documentation, and formatted content.

Key Properties

• content: string — The markdown content to render.
• width, height: number — The dimensions of the markdown widget.
• top, left: number — The position of the widget on the canvas.

Usage Example

const markdown = new XMarkdown('# Hello World\nThis is **markdown** content.', {
  top: 100,
  left: 100,
  width: 400,
  height: 300,
});
canvas.add(markdown);

Tips & Best Practices

• Use markdown for documentation, instructions, or formatted notes.
• Combine markdown with diagrams and images for presentations.
• Resize the widget to fit your content.