Preview Open an HTML file to start

Selected element

—

Class

Attributes (advanced)

Name

Value

Tip: perfect for headings: add id for anchors, or data-* for tracking. For links/images, use the dedicated link/image fields (href/src/alt/rel/target are hidden here to avoid duplicates).

Text editor (bold/underline + links + lists)

Tip: paste formatted text (bold/underline/links/lists) — it will be kept.

| |

Notes

Click elements in the preview to select them.
Commit creates an undo step.
Alt+Click selects a wrapping link (<a>), useful for linked images.
Ctrl/Cmd+Shift+C copy element, Ctrl/Cmd+Shift+V paste after, Ctrl/Cmd+Alt+V paste inside.
If the page JS breaks selection, toggle “Run page scripts” off and reload.
Click selects elements for editing. SHIFT+Click lets you interact with the page (e.g., expand accordions, open menus) without selecting.
Use the CSS tab to edit inline <style> blocks inside the opened HTML.

Open a file to populate this list.

Find text

Replace with

Replace URL everywhere

Replace with

This replaces URLs in href/src/srcset/style/data-* attributes + visible text. It does not change script/style *content*.

Inline CSS (<style> tags)

This edits CSS that is embedded directly in the opened HTML file (inline <style> blocks). External stylesheets (<link rel="stylesheet">) can be added later (Option B).

Style blocks

Open a file to list inline style blocks.

CSS editor