Skip to content

Blocks & Content

Complete guide to all available blocks in BlockForge.

Text Blocks

Headings

Create headings with different levels:

  • /h1 - Largest heading
  • /h2 - Second level heading
  • /h3 - Third level heading
  • /h4 - Fourth level heading
  • /h5 - Fifth level heading
  • /h6 - Smallest heading

Lists

  • Bullet List (/bullet) - Unordered list with bullets
  • Numbered List (/number) - Ordered list with numbers
  • Task List (/task or /todo) - Checkbox list for tasks

Paragraphs

  • Paragraph (/p) - Regular text block (default)

Rich Content Blocks

Code Blocks

  • Code Block (/code) - Syntax-highlighted code blocks
    • Supports 100+ programming languages
    • Copy button for easy code sharing
    • Adjustable language selection

Quotes

  • Quote (/quote) - Block quotes for citations or emphasis

Callouts

  • Callout (/callout) - Highlighted information boxes
    • Types: Info, Warning, Error, Success, Note
    • Customizable colors and icons

Toggles

  • Toggle (/toggle) - Collapsible content blocks
    • Perfect for FAQs and nested content
    • Expand/collapse with a click

Media Blocks

Images

  • Image (/image) - Upload or embed images
    • Upload from your device
    • Paste image URLs
    • Drag and drop support
    • Resize and caption

Videos

  • Video (/video) - Embed videos
    • YouTube support
    • Vimeo support
    • Custom video URLs

Files

  • File (/file) - Upload documents
    • PDF, Word, and other formats
    • Download links
    • Preview support

Organization Blocks

Tables

  • Table (/table) - Create tables
    • Add/remove rows and columns
    • Format cells (bold, italic, links)
    • Resize columns
    • Sort and filter (coming soon)

Dividers

  • Divider (/divider) - Horizontal line separator

Special Blocks

Embeds

  • Embed (/embed) - Embed external content
    • Custom iframes
    • Third-party widgets

Math

  • Math (/math) - Mathematical equations
    • LaTeX syntax support
    • Inline and block equations

Block Actions

Moving Blocks

  • Drag Handle - Click and drag the handle on the left
  • Keyboard - Use arrow keys when block is selected
  • Cut/Paste - Cmd/Ctrl + X and Cmd/Ctrl + V

Deleting Blocks

  • Delete Key - Select block and press Delete
  • Backspace - Delete empty block

Duplicating Blocks

  • Cmd/Ctrl + D - Duplicate selected block

Best Practices

  1. Use headings to structure your content hierarchically
  2. Leverage callouts to highlight important information
  3. Organize with toggles for collapsible sections
  4. Add code blocks with language specification for better syntax highlighting
  5. Use tables for structured data comparison

Next Steps

Built with ❤️ for BlockForge