The Markdown Editor is a text utility that allows you to edit Markdown with a real-time preview feature. You can write Markdown code and see the results instantly.
Character count (excluding spaces): 0, Character count (including spaces): 0, Word count: 0
Drag images here or click to select
Markdown Preview 🔗
Key Elements of Markdown Syntax 🔗
| Markdown Syntax | Description |
|---|---|
| # Title | Title (blog post title) |
| ## Subheading | Subheading (main section title in a blog post) |
| ### Sub-subheading | Sub-subheading (lower-level section title) |
| - Unordered list item 1 | Unordered list |
| 1. Ordered list item 1 | Ordered list |
| [Link text](https://www.freeonlineutility.com/) | Link |
| **Bold text** | Bold text |
| *Italic text* | Italic text |
| `Code` | Inline code |
|  | Image |
How to Use the Markdown Editor
Using the Markdown Editor tool is very simple:
1. Write your Markdown code in the text area above.
2. Instead of writing Markdown manually, you can drag and drop a Markdown file or a downloaded Markdown ZIP file. When dropping a ZIP file, both Markdown and images are automatically imported.
3. Drag images or ZIP files containing images, or click to select them.
4. Click the Markdown Preview button to see the rendered result in the preview area below.
5. Click the Reset button to restore the default code.
📦 Download File Structure Guide
When you click the Download button below, a single ZIP file is created. It contains the following files:
1. markdown.md
All text currently written in the Markdown editor is saved.
2. 1.png, 2.png, 3.png ...
Uploaded original images are saved sequentially as
1.png, 2.png, and so on.
3. share.html
Contains the share link. Clicking the link will take you to the shared URL.
4. images.zip (Original images ZIP)
A ZIP file containing the uploaded original images as-is.
Internal folder structure:
images/
├── 1.png
├── 2.png
└── ...
5. cropped-images.zip (Random crop + brightness + JPEG compression)
For each uploaded image, the following processes are applied and then saved as a ZIP file:
- Random cropping between 90% and 100%
- Random brightness adjustment between 0.8 and 1.2
- JPEG compression at 70% quality for the cropped image
- The compressed Blob is saved as
original-filename.png
The final ZIP file name is generated based on the first
# Title in the Markdown content, using the following format:
YYYYMMDDHHMMSS-Title.zip
If there is no # Title, it is saved in the default format:
YYYYMMDDHHMMSS.zip
Edit, Add Images, Save, and Share in the Markdown Editor 🔗
The Markdown editor allows not only text editing but also image insertion. When images are included and you click the Download Compressed Markdown button, the manuscript and images are saved together as a single compressed file.
If you need to edit the content again later, simply drag and drop the downloaded compressed file into the Markdown editor’s Markdown Input Area, and the original editing state will be fully restored. If images are included, they will also be automatically reloaded.
The Markdown editor tool makes it easy to insert images into reviews and download everything as a single compressed file, making it convenient to share with other team members or distributors (bloggers) when collaborating on trial or reporter group manuscripts.
When requesting a blogger to copy and paste a blog post, simply provide the files generated after extracting the archive: share.html (Markdown sharing URL file) and cropped-images.zip (image processing files with random cropping, brightness correction, and JPEG compression applied).
You can easily insert images into trial and reporter group manuscripts and download them as a single compressed file, making collaboration and sharing with other team members or distributors (bloggers) much easier.
A sample manuscript with images created in the Markdown editor can be downloaded here.