Image Tools
Moraya v0.2.0 introduces a comprehensive image tools system. After inserting an image, you can click to access a floating resize toolbar, or right-click for a full context menu.
Floating Resize Toolbar
Click on any image in the editor to reveal a horizontal toolbar above it with preset size options:
| Button | Effect |
|---|---|
| 25% | Quarter size |
| 50% | Half size |
| 75% | Three-quarter size |
| 100% | Full width |
| Original | Native image dimensions |
The currently active size is highlighted with the accent color. Click anywhere else to dismiss the toolbar.
Right-Click Context Menu
Right-click on an image to access the full context menu:
- Resize — Submenu with the same 25% / 50% / 75% / 100% / Original options
- Upload to Image Host — Upload local or blob images to your configured image hosting service (only shown for non-URL images)
- Edit Description — Modify the image’s alt text
- Copy Image URL — Copy the image source to clipboard
- Delete Image — Remove the image from the document (shown in red as a destructive action)
How Sizing Works
When you resize an image, Moraya outputs the width as an HTML attribute in the Markdown:
<img src="photo.jpg" width="75%">This ensures the size is preserved when exporting or publishing your document.
Tips
- Use 50% or 75% for inline images that shouldn’t dominate the page
- Use 100% for full-width hero images
- The resize toolbar and context menu work in both Visual and Split editing modes