Editor Components

These are the block types available in the AlgoQuill editor. Use the slash command / to insert any of them.

Type / at the beginning of any line in the editor to see all available blocks.

Text Blocks

/p

Paragraph

Plain text paragraph (the default block type).

/h1 /h2 /h3

Headings

Large, medium, and small section headings.

/quote

Block Quote

Highlighted quote block with left border accent.

Lists

/ul

Bullet List

Unordered list with bullet points.

/ol

Numbered List

Ordered list with sequential numbers.

/todo

To-do / Checklist

Interactive checkbox items.

Callouts

Highlight important information with styled callout boxes.

Use /info to insert an informational note.
Use /warn to highlight something users should be careful about.
Use /tip for helpful tips and best practices.

Shortcuts: /info /warn /tip

Code Block

Syntax-highlighted code with copy button. Supports multiple languages.

example.js
javascript

Shortcut: /code

Steps

Create numbered step-by-step guides. Add multiple /step blocks in sequence.

1

Create a project

Click New Project from your dashboard.

2

Add content

Use the editor or AI generation to create docs.

3

Publish

Preview and share your documentation.

Shortcut: /step

Media & Layout

/img

Image

Insert an image by uploading or pasting a URL.

/video

Video Embed

Embed a YouTube or Vimeo video by URL.

/hr

Divider

Horizontal line to separate content sections.

Embed Widget

Add the AlgoQuill AI chat widget to any website. Visitors can ask questions and get answers from your documentation.

embed.html
html

Find your Project ID in Settings → Embed Widget.

All Block Types

Paragraph
Heading 1
Heading 2
Heading 3
Bullet List
Numbered List
To-do
Block Quote
Info Callout
Warning Callout
Tip Callout
Code Block
Image
Video Embed
Step
Divider