2d:null 2e:["$","title",null,{"children":"Showing some AMP in an iframe with srcdoc | Benjamin Atkin | Observable"}] 33:T4eb,viewof example = { const src = ` Sample document ${ampBoilerplate}

Sample document

Some text

` const el = html`` el.srcdoc = src el.value = src return el }34:[] 31:{"id":"015df4d3780c78cc","slug":"showing-some-amp-in-an-iframe-with-srcdoc","title":"Showing some AMP in an iframe with srcdoc","thumbnail":"15023600b0ea488f55bbbb8dfc99399e6f32edb3460a36bcbf35fb398a850f56","access_level":"public","create_time":"$D2018-07-12T00:49:37.101Z","update_time":"$D2018-07-12T02:32:47.100Z","view_time":null,"first_public_time":"$D2018-07-12T02:33:53.226Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"037d14fb7fd36dd8","login":"benatkin","name":"Benjamin Atkin","avatar_url":"https://avatars-next.observableusercontent.com/fb19f2adb461b285dcce2e54a984cde190d16c7a95034960b716cc397ab6cb8d","tier":"starter_2024"},"version":43,"publish_version":43,"role":null,"authored":false,"authors":[{"type":"individual","id":"fdc30039652586fd","login":"benatkin","name":"Benjamin Atkin","avatar_url":"https://avatars-next.observableusercontent.com/fb19f2adb461b285dcce2e54a984cde190d16c7a95034960b716cc397ab6cb8d","tier":null}],"members":[{"type":"individual","id":"fdc30039652586fd","login":"benatkin","name":"Benjamin Atkin","avatar_url":"https://avatars-next.observableusercontent.com/fb19f2adb461b285dcce2e54a984cde190d16c7a95034960b716cc397ab6cb8d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Showing some AMP in an iframe with srcdoc","cells":[{"id":0,"value":"md`# Showing some AMP in an iframe with srcdoc`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"{\n const file = new File([example], 'amp-example.html')\n const download = DOM.download(file, 'amp-example.html', \"Download HTML\")\n const el = md`*Validate with* \\`npx amphtml-validator amp-example.html\\``\n el.insertBefore(download, el.firstChild)\n download.style.marginRight = '3em'\n return el\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"ampBoilerplate = ``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"