-
Notifications
You must be signed in to change notification settings - Fork 2
Enhanced Editor Features
The note editor in Flatnotes-Enhanced is packed with professional-grade features that go beyond basic Markdown editing. This guide covers all the enhancements built into the editor.
Highlight important text with custom colors directly in the editor.
Method 1: Using the Highlight Button
- Select the text you want to highlight
- Click the "H̲" (highlight) button in the toolbar
- The text is highlighted with the default color
- The text displays as
==highlighted text==in Markdown
Method 2: Using the Color Picker
- Select the text you want to highlight
- Click the "🎨" (palette) button in the toolbar
- Choose a color from the color picker
- The text is highlighted with your chosen color
Method 3: Manual Markdown Type the Markdown directly:
==This text is highlighted==The colors available for highlighting are configured in Settings → Appearance → Highlight Colors.
- Default color: Used when you click the basic highlight button
- Custom colors: You can add, remove, or modify highlight colors
- Live preview: See how highlighted text looks before saving
==Important information==
==Critical deadline: March 15==
==Question to follow up on==Find and replace text within your note using the built-in search and replace feature.
-
Keyboard shortcut:
Ctrl+H(orCmd+Hon Mac) - Toolbar button: Click the "S/R" button in the editor toolbar
- Open the search/replace dialog with
Ctrl+H - Enter the text to find in the "Find" field
- Enter the replacement text in the "Replace" field
- Choose an action:
- Find Next: Jump to the next match
- Replace: Replace the current match
- Replace All: Replace all matches at once
- Case sensitivity: Check the settings to match case
- Whole words: Option to match whole words only
- Regular expressions: Some modes support regex (check your version)
- Preview: Results are highlighted as you search
Original text:
This is a meeting on Monday.
Another meeting on Friday.
Find: "meeting"
Replace: "conference"
Result:
This is a conference on Monday.
Another conference on Friday.
Insert note references using wikilink syntax to create connections between your notes.
Wikilinks allow you to create clickable references to other notes using double brackets:
[[Note Title]]
[[Projects/Website]]
[[Meeting Notes 2024]]When viewing the note, these become clickable links to jump to other notes.
Method 1: Using the Wikilink Button
- Click the "[[]]" button in the editor toolbar
- A modal dialog appears showing all available notes
- Search for the note you want to link to
- Click the note title to insert it
- The wikilink
[[Note Title]]is inserted at your cursor
Method 2: Using the Keyboard Shortcut
- Some versions may support a keyboard shortcut (check your setup)
Method 3: Manual Entry Type the Markdown directly:
[[Note Title]]
[[Folder/Subfolder/Note]]Read more in [[Project Overview]]
See [[Work/Q4 Planning]] for details
Related: [[Tags System]]- Folder paths: Wikilinks work with notes in any folder
- Full note titles: Use the complete note path including folder structure
- Clickable in preview: Viewing the note, you can click wikilinks to jump between notes
✅ Do this:
- Link related notes together:
[[Project Proposal]]→[[Timeline]] - Use meaningful note titles that work well as links
- Link from overview notes to detailed notes
- Create a "Related reading" section with wikilinks
❌ Avoid this:
- Linking to every word (creates too many links)
- Creating circular references (A → B → C → A)
- Using incomplete note titles
- Forgetting that links are case-sensitive
Attach files to your notes. Supported formats include documents, spreadsheets, PDFs, images, and more.
| Category | File Types |
|---|---|
| Documents | .doc, .docx, .odt, .txt, .rtf |
| Spreadsheets | .xls, .xlsx, .ods, .csv |
| Presentations | .ppt, .pptx, .odp |
| Apple iWork | .pages, .numbers, .key |
| PDFs | |
| Images | .jpg, .jpeg, .png, .gif, .webp, .svg |
| Data | .json, .yaml, .yml, .xml, .toml |
| Web | .html, .htm |
| Archives | .zip, .gz, .tar, .7z, .rar, .bz2, .xz |
| Code | .js, .ts, .py, .vue, .sh, .rb, .php |
| Audio | .mp3, .m4a, .wav, .ogg, .flac, .aac |
| Video | .mp4, .mkv, .mov, .avi, .webm |
| Fonts | .ttf, .otf, .woff |
In the Note Editor:
- Click the image icon in the editor toolbar (or manually insert:
) - Select an attachment from your computer
- The attachment is uploaded and embedded in your note
Attachments Page:
- Go to Menu → Attachments
- Upload files there to make them available
- See which notes use each attachment
- Delete unused attachments
Images:
Other files:
[Link to document](attachment:report.pdf)
[Spreadsheet data](attachment:data.xlsx)On the Attachments page, each file shows:
- Filename - Name of the attachment
- File size - How much space it takes
- Category - Type of file (Document, Image, PDF, etc.)
- Usage - Which notes reference this file
- Preview button - View/download the file
Preview:
- Click the eye icon to preview an attachment (for supported types)
- Preview opens in a new tab
Download:
- Click the download icon to download an attachment
- Or use the preview link to download from there
Copy URL:
- Click the copy icon next to filename
- Shares the full URL to the attachment
Delete:
- Click the trash icon to delete an unused attachment
- You can't delete attachments that are still referenced in notes
- To delete: remove all references from notes first
✅ Do this:
- Use PDFs for documents (universal format)
- Organize attachments logically (use meaningful filenames)
- Delete unused attachments to save space
- Reference attachments from multiple notes if relevant
❌ Avoid this:
- Uploading very large files (can slow down backups)
- Duplicating the same file (use one copy, link from multiple notes)
- Storing temporary files (clean up unused attachments)
Beyond highlighting and links, the editor supports all standard Markdown features plus some enhancements.
| Format | Markdown | Toolbar Button |
|---|---|---|
| Bold | **text** |
B |
| Italic | *text* |
I |
| Strikethrough | ~~text~~ |
S |
| Code | `code` |
` |
Unordered list:
- Item 1
- Item 2
- Item 3
Ordered list:
1. First
2. Second
3. Third
Task list:
- [x] Completed task
- [ ] Pending task
- [>] In progress# H1 Heading
## H2 Heading
### H3 Heading
#### H4 Heading
##### H5 Heading
###### H6 Heading| Header 1 | Header 2 |
|----------|----------|
| Cell 1 | Cell 2 |
| Cell 3 | Cell 4 |> This is a blockquote
> Can span multiple lines
`inline code`
code block on multiple lines
[Link text](https://example.com)
[[Internal note link]]> [!note]
> This is a note callout
> [!warning]
> This is a warning
> [!custom-type] Optional Title
> Custom callout with color and icon| Shortcut | Action |
|---|---|
Ctrl+B |
Bold |
Ctrl+I |
Italic |
Ctrl+H |
Search & Replace |
| Shortcut | Action |
|---|---|
Ctrl+Z |
Undo |
Ctrl+Y or Ctrl+Shift+Z
|
Redo |
Tab |
Indent |
Shift+Tab |
Outdent |
- Edit mode - Full Markdown editor with live preview
- Preview mode - View the rendered note (read-only)
- Markdown mode - Raw Markdown code view
Look for the mode toggle buttons in the editor toolbar or use keyboard shortcuts if available.
The editor automatically saves your changes:
- Auto-save: Changes are saved as you type (after a brief delay)
- Save indicator: Shows when the note is saved
- No manual save needed - Just start typing and your changes are preserved
-
Backup safety - Check the
.flatnotes/folder for backup metadata
The editor is fully responsive on mobile and tablet:
- Full-width editing - Editor takes up the entire screen
- Touch keyboard - Native keyboard support
- Toolbar collapses - Buttons reorganize for smaller screens
- Simplified layout - Less visual clutter on mobile
- Use external keyboard for faster typing
- Portrait orientation recommended for editing
- Swipe to close sidebars before editing
- Long-press toolbar buttons to see tooltips
Problem: Highlight button doesn't work
Solutions:
- Make sure text is selected before clicking highlight
- Try using the color picker button instead
- Check if highlights are enabled in Settings
Problem: Search returns no results
Solutions:
- Check spelling and capitalization
- Use simple search terms
- Try searching for part of the word
- Enable/disable "Match case" setting if available
Problem: Wikilinks don't appear as links
Solutions:
- Check note title matches exactly (including capitalization)
- Use full folder path if note is in a subfolder
- Make sure the linked note actually exists
- Refresh the page to see new wikilinks
Problem: Can't upload a file
Solutions:
- Check file size (very large files may timeout)
- Verify file type is supported
- Try a different file
- Check disk space available
- Refresh and try again
Create a "See Also" or "Related Reading" section:
## Related Notes
- [[Project Overview]]
- [[Team Members]]
- [[Timeline]]
- [[Budget]]Configure highlight colors in Settings for different uses:
- Yellow: General importance
- Green: Completed/approved
- Blue: Questions/review needed
- Red: Critical/urgent
Combine callouts and highlights for emphasis:
> [!warning]
> This is ==critical== and needs immediate attentionFor detailed references, include section context in your wikilinks:
For implementation details, see [[Technical Design#Architecture]]- Settings & Customization - Configure highlight colors and callouts
- Note Management - Using templates in your notes
- Search & Filtering - Finding notes to link to
- Attachments Page - Detailed attachment management