Hello KeyboardTools
Code tool

HTML Code Editor

Build a small page with three code tabs. Preview it only when you choose Run, then export a self-contained HTML file locally.

In-browser processingNo account requiredPrivacy details ↗

Page markup

Up to 100,000 characters in each editor. Preview scripts run in a restricted sandbox; run only code you trust.

Preview has not run. Select Run when you are ready.

Preview

Run log

No messages yet.

A QUICK WALKTHROUGH

How to use this tool

  1. Edit HTML, CSS and JavaScript in their separate tabs.
  2. Select Run to refresh the isolated preview and its runtime log.
  3. Download one HTML file containing your current code when ready.

Three focused code editors

Keep markup, styles and page JavaScript in separate tabs. The tool assembles them into a single document for preview or local download.

Restricted local preview

Run creates a sandboxed iframe without same-origin access, top-level navigation, forms or popups. A restrictive content policy blocks network connections and external resources. The preview can still execute the JavaScript you enter, so run only code you trust.

Local export and limits

Your code remains in this browser session. Nothing is uploaded. Each editor has a size limit, and the downloaded HTML contains the current three editor values. The tool does not load libraries, fetch remote assets, or save drafts.

GOOD TO KNOW

Common questions

Does the preview run automatically?

No. It refreshes only when you select Run.

Can preview code access this editor page?

The preview uses a sandbox without same-origin permission. It cannot read or modify this editor page through the normal same-origin APIs.

Can I use external libraries or images?

External resources and network connections are blocked in the preview. Add inline code or data URLs if appropriate.

How do I save my work?

Select Download HTML to save one file containing the current HTML, CSS and JavaScript. The tool does not store a draft.

A couple more handy tools

Browse all tools ↗
Code, data & QR tools

HTML WYSIWYG Editor

Edit rich text in a browser-based WYSIWYG editor and export cleaned HTML locally without an account or upload.

Code, data & QR tools

HTML Encoder & Decoder

Encode text as HTML entities or decode HTML5 named and numeric character references locally, with explicit range and semicolon rules.

Code, data & QR tools

JSON Formatter

Number and string tokens (including escapes and lone surrogates) stay verbatim. Duplicate keys stay present. Sorting compares decoded keys by UTF-16 order, keeping duplicate order stable. Positions use 1-based UTF-16 units. Validate mode keeps original whitespace and ignores sorting. UTF-8 byte counts and JSON/TXT exports replace literal lone surrogates with U+FFFD; escaped surrogate tokens remain unchanged. Processing stays in this browser. Nothing is uploaded.