HTML — View or Edit Guide

1. Open a page

Open an HTML file, a folder with its images and styles, or a saved MHTML/MHT page. You can also paste code or start from a template. Folder and direct-save pickers depend on browser support; ordinary file selection and downloads remain available. Files above the text limit of 16 MiB are not opened as editable text.

2. View and Edit

View shows a rendered page and selectable, copyable source. Edit loads the code editor on first use. Switching modes keeps the document, selection and undo history without a confirmation. On narrow screens, choose Page or Code; wider screens can show both.

Edit includes undo, redo, find and replace, Emmet abbreviations, indentation and comments, a Changes comparison, and a background Problems check. Format loads its formatter on first use. Formatting can affect whitespace and rendering; review the warning and comparison before accepting it.

3. Preview and scripts

Scripts start off for each newly opened workspace. The preview uses an opaque-origin sandbox and a restrictive network policy; files are supplied from the local workspace. It cannot read the surrounding tool or its local storage. External resources are blocked, so remote fonts, embeds and server-driven pages may look different.

Only enable scripts for files you trust. Network restrictions are not a complete no-internet guarantee: browser features such as WebRTC and script-created prerender requests can escape some policy restrictions. The tool does not intentionally upload your files. Scripts may also make a preview unresponsive. Returning to Guide or Settings suspends the preview.

4. Save and export

Save uses the original file when the browser grants write access; otherwise download a copy. Save as chooses a new destination. Folders can be exported as ZIP, and pages with their local resources can be exported as one HTML file. MHTML changes are written back into their archive parts.

Unchanged files retain their original bytes. Edited text keeps its selected encoding, byte-order mark and line-ending preference where supported. Reopen with another encoding if text looks wrong, or convert to UTF-8. Mixed line endings become uniform after editing. If a character cannot be represented, resolve the encoding warning before saving.

5. Local drafts and recent files

Draft recovery and the recent-file list start on. Both stay in this browser’s IndexedDB. Settings lets you turn each off and delete stored records. Files with the same name do not overwrite one another’s drafts; automatic matching uses actual file-handle identity. Without a reusable handle, choose the draft explicitly from the recovery list.

Browser storage may be cleared or unavailable, and private browsing may not retain it. Save important work to a file. Navigating to this tool’s Guide or Settings preserves the current session; leaving the tool may close it, with unsaved work recoverable only if draft storage succeeds.

6. Source and licences

Test · maintained · v0.1.0. The original tool and website integration are MIT-licensed; bundled editor, parser and formatter packages retain their own notices. Read the MIT licence and third-party notices. Download the complete source ZIP and its SHA-256 checksum.

Verification covers unit behavior, production browser integration and file round trips. Browser pickers, display rendering and permissions can differ by platform.

Website settings

Main site and the named parents above the page follow the site’s hierarchy. Guide and Settings use local pages where available.

Settings lets you hide the header and choose Light, Light Gray, Dark or Pitch Black / OLED. Light Gray is the first-visit default. The parent row and footer remain available when the header is hidden.

Choose System, DM Sans, Outfit, or Outfit headings with DM Sans body text in Settings. The preview and interface change immediately. Outfit is the first-visit default; fonts are served by these websites. Your saved selection is preserved.

Theme, header and font preferences are shared across andrazdjuric.com websites in this browser. They contain no document data or visitor identifier and are separate from installed application settings.

Contact in the footer opens the main site’s contact options in a new tab. Use it for questions, problem reports or suggestions.

The shared interface rules explain navigation, link markers, themes, raised surfaces and control states.