Markdown Editor

TeamIDE includes a rich WYSIWYG markdown editor for editing .md files. The editor provides visual formatting while preserving standard markdown syntax.

Text Formatting

Format text using the toolbar buttons or keyboard shortcuts:

Active formatting shows highlighted in the toolbar.

Headings

Three heading levels are available via toolbar buttons:

• H1 - Main heading (large, with underline)
• H2 - Section heading (medium, with underline)
• H3 - Subsection heading

Click a heading button again to convert back to normal text.

Heading Anchors

Each heading automatically generates an anchor ID. Hover over any heading to see a # symbol - click it to copy the anchor link.

Anchor IDs follow this format: - Lowercase text - Spaces become hyphens - Special characters removed

Example: “What is LoRA?” becomes #what-is-lora

Lists

Bullet and Numbered Lists

Create lists using toolbar buttons:

• Bullet list - Unordered list with bullets
• Numbered list - Ordered list with numbers

Click the same button again to convert back to paragraphs.

Task Lists

Create checklists with the checklist button. Each item shows a clickable checkbox:

• Unchecked item
• Checked item

Click any checkbox to toggle its state.

Block Elements

Blockquotes

Use the quote button to create indented quotes with a left border. Click again to remove.

Horizontal Rules

Insert a visual separator line using the horizontal rule button.

Links

Press Cmd+K or click the link button to open the link dialog.

External Links

Enter a URL (starting with http:// or https://) to create a link that opens in your browser.

Document Links (Anchors)

Switch to the Document Link tab to link to headings within the current file. The dialog shows all available headings - select one to create an anchor link.

File Links

Enter a relative path (like ./other-file.md) to link to another file in your project. Clicking opens the file in the editor.

Wiki-Style Links

The editor supports wiki-link syntax: [[Page Name]]

These appear with distinct purple styling. Use the pipe syntax for custom display text: [[page|Display Text]]

Removing Links

Select linked text and open the link dialog, then click Remove Link.

Images

Click the image button to insert an image:

1. Enter the image URL
2. Optionally add alt text for accessibility
3. Click Insert

Drag and Drop: Drag image files from the file tree directly into the editor to insert them.

Supported formats: PNG, JPG, GIF, WebP, SVG, BMP, ICO

Tables

Click the table button to insert a 3×3 table with a header row.

Editing Tables

Right-click any table cell to access the context menu:

• Add row above/below
• Add column left/right
• Delete row (if more than one row exists)
• Delete column (if more than one column exists)

Code Blocks

Fenced code blocks display with syntax highlighting based on the language specified:

```javascript
const greeting = "Hello World";
```

Special Code Blocks

JSON Table Embed - Display JSON data as a table:

```json-table
path: data/users.json
columns: name,email
search: true
```

SQL Query Embed - Display database query results:

```sql-table
path: database.db
query: SELECT * FROM users
columns: id,name
```

Search and Replace

Press Cmd+F to open the search panel.

• Type to search - matches highlight in yellow
• Current match shows with orange highlight
• Enter - Jump to next match
• Shift+Enter - Jump to previous match
• Esc - Close search

Click the replace icon to enable find-and-replace:

• Replace - Replace current match
• Replace All - Replace all matches at once

Raw Markdown Editing

Double-click any block to edit its raw markdown directly. This is useful for:

• Fine-tuning complex formatting
• Fixing parsing issues
• Editing code block metadata

Press Enter to apply changes or Esc to cancel.

To toggle the entire document between WYSIWYG and raw markdown, use the Raw button in the toolbar.

Drag and Drop

Drag files from the file tree into the editor:

• Images - Inserted as image tags
• Other files - Inserted as relative path links

A blue dashed outline shows where content will be inserted.

Status Bar

The bottom of the editor shows:

• Word count - Total words in document
• Character count - Total characters
• Line numbers toggle - Show/hide line numbers
• Focus mode toggle - Dim all blocks except current

Focus mode helps concentrate on one section at a time.

Keyboard Shortcuts

Settings

The markdown editor can be configured in Settings > Features > Code Module:

Related

• Code Module - File editing and navigation

Changelog