The HTML editor is a text utility that allows you to edit HTML with real-time preview functionality. You can write HTML code and instantly check the results.
Characters (excluding spaces): 0, Characters (including spaces): 0, Word count: 0
Drag images here or click to select
HTML Preview 🔗
Key Elements of HTML Syntax 🔗
| HTML Tag | Description |
|---|---|
| <h1>Title</h1> | Main title, used as the blog post title |
| <h2>Subheading</h2> | Section subheading in the blog content |
| <h3>Small heading</h3> | Subsection heading within the content |
| <ul><li>Unordered list item 1</li></ul> | Unordered list |
| <ol><li>Ordered list item 1</li></ol> | Ordered list |
| <a href="https://www.freeonlineutility.com/">Link text</a> | Link |
| <strong>Bold text</strong> | Bold text |
| <em>Italic text</em> | Italic text |
| <code>Program code</code> | Program code |
| <img src="img.png" alt="Optional alt text"> | Image |
How to Use the HTML Editor
Using the HTML editor tool is very simple:
1. Write your HTML code in the text area above.
2. You can also drag and drop an HTML file or a downloaded compressed HTML file instead of writing code manually. When dragging a compressed HTML file, both HTML and images are automatically loaded.
3. Drag images or a compressed file containing images, or click to select files.
4. Click the HTML Preview button to see the 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 generated containing the following files:
1. html.html
All text currently written in the HTML 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 URL link. Clicking the link will navigate to the shared URL.
4. images.zip (Original Images ZIP)
A ZIP file containing all uploaded original images as-is.
Internal folder structure:
images/
├── 1.png
├── 2.png
└── ...
5. cropped-images.zip (Random Crop + Brightness Adjustment + JPEG Compression)
For each uploaded image, the following processes are applied before saving 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 <h1> title in the HTML content. If no title exists, a default format is used:
Title-YYYYMMDDHHMMSS.zip
html-YYYYMMDDHHMMSS.zip (if no title exists)