Code Editor
Professional code editing with powerful features for Markdown
Overview
AnySlate's code editor is powered by CodeMirror 6, the same editor framework used by developers worldwide in tools like Chrome DevTools, Firefox Developer Tools, and countless other professional applications. This battle-tested foundation ensures a reliable, performant, and feature-rich editing experience.
CodeMirror 6 provides exceptional performance even with large documents, handling files with thousands of lines without lag.
Key Features
Syntax Highlighting
Rich syntax highlighting for all Markdown elements with customizable themes.
Auto-completion
Smart suggestions for links, headers, and common Markdown patterns.
Bracket Matching
Automatically match and highlight brackets, parentheses, and quotes.
Multiple Cursors
Edit multiple locations simultaneously for faster editing.
Line Numbers
Optional line numbers for easy reference and navigation.
Current Line Highlight
Visual indicator showing your current editing position.
Word Wrap
Toggle word wrapping to fit your preferred editing style.
Configurable Tab Width
Set your preferred indentation size (2, 4, or 8 spaces).
Markdown Syntax Highlighting
The editor provides rich syntax highlighting for all Markdown elements, making it easy to identify different content types at a glance.
Headers
H1-H6 headers styled with distinct colors and sizes
# Heading 1Bold Text
Bold text highlighted with visual emphasis
**bold text**Italic Text
Italic text shown with subtle styling
*italic text*Code Blocks
Fenced code blocks with language detection
```javascriptLinks & Images
URLs and image references distinctly highlighted
[text](url)Lists
Ordered and unordered lists with bullet styling
- itemBlockquotes
Quoted text with visual indentation
> quoteInline Code
Inline code spans with background highlight
`code`Editor Configuration
Customize the editor to match your preferences. Access these settings via Settings (Cmd/Ctrl + ,) → Editor.
| Setting | Description | Options |
|---|---|---|
| Font Family | Choose your preferred monospace font | System default, JetBrains Mono, Fira Code, etc. |
| Font Size | Adjust the editor font size | 12px - 24px |
| Tab Width | Set indentation size | 2, 4, or 8 spaces |
| Auto-indent | Automatically indent new lines | On / Off |
| Line Numbers | Show or hide line numbers | On / Off |
| Word Wrap | Wrap long lines to fit the viewport | On / Off |
| Spell Check | Enable browser spell checking | On / Off |
Keyboard Shortcuts
Master these keyboard shortcuts to speed up your Markdown editing workflow.
| Action | Shortcut | Description |
|---|---|---|
| Bold | Cmd/Ctrl + B | Wrap selection in ** |
| Italic | Cmd/Ctrl + I | Wrap selection in * |
| Strikethrough | Cmd/Ctrl + Shift + X | Wrap selection in ~~ |
| Inline Code | Cmd/Ctrl + E | Wrap selection in ` |
| Link | Cmd/Ctrl + K | Insert link syntax |
| Heading | Cmd/Ctrl + 1-6 | Insert heading level |
| Unordered List | Cmd/Ctrl + Shift + 8 | Toggle bullet list |
| Ordered List | Cmd/Ctrl + Shift + 7 | Toggle numbered list |
| Blockquote | Cmd/Ctrl + Shift + . | Toggle blockquote |
| Code Block | Cmd/Ctrl + Shift + C | Insert fenced code block |
| Undo | Cmd/Ctrl + Z | Undo last action |
| Redo | Cmd/Ctrl + Shift + Z | Redo last action |
Multiple Cursors
Edit multiple locations simultaneously using multiple cursors. This powerful feature lets you make the same change in multiple places at once.
Add Cursor
Option/Alt + ClickClick anywhere while holding Option (Mac) or Alt (Windows/Linux) to add a cursor
Column Selection
Option/Alt + Shift + DragSelect a rectangular region of text across multiple lines
Select Next Occurrence
Cmd/Ctrl + DSelect the next occurrence of the current word
Select All Occurrences
Cmd/Ctrl + Shift + LSelect all occurrences of the current selection
Common Use Cases
- Rename a variable or term across multiple occurrences
- Add the same prefix or suffix to multiple lines
- Convert a list of items to a different format
- Edit repeated patterns like table rows
- Add or remove indentation on multiple lines
Pro Tips
Quick Formatting
Select text and use keyboard shortcuts to quickly wrap it in formatting. For example, select a word and press Cmd/Ctrl + B to make it bold.
Bracket Auto-close
When you type an opening bracket, parenthesis, or quote, the editor automatically inserts the closing character and places your cursor in between.
Line Jumping
Press Ctrl + G to open the "Go to Line" dialog. Enter a line number to jump directly to that line in your document.
Font Ligatures
If you use a font with programming ligatures (like Fira Code or JetBrains Mono), the editor will display them automatically. Ligatures combine characters like ->, =>, and != into single, elegant symbols.
Enable or disable ligatures in Settings → Editor → Font Ligatures.