Iframe Builder

You need to drop an external map, video or form into your page, so you copy an old iframe from another project with the wrong dimensions and attributes you never really understood. Then the annoying questions start: which values does sandbox take again? Is allow separated by semicolons or commas? This builder assembles the whole tag as you type, so you see the markup before pasting it into your HTML.

There is nothing clever under the hood: the five fields become a string with src, width, height and, when filled in, sandbox and allow. One behaviour deserves attention. Leaving the Sandbox field empty drops the attribute entirely, and an iframe without sandbox can run scripts, submit forms and navigate freely. Meanwhile sandbox with an empty value is the single most restrictive setting in HTML, and this builder cannot emit that empty form.

Before pasting, check whether the target site allows framing at all: if it sends X-Frame-Options DENY or a frame-ancestors directive in its CSP, the frame renders blank and no attribute on your side fixes it. Add a title attribute by hand for screen readers, plus loading set to lazy when the frame sits below the fold. Watch out for double quotes inside the fields, since they close the attribute and break the tag. Everything runs in your browser.