31:[{"id":"02bcd05d2e284a5decd82fff07c6f768a93c9ae92758fa9a75a1da25606962c19145266348ecbdf506bf658c8df1243d837bd4dbf5319519e2d7ed58d30e3b81","href":"https://static.observableusercontent.com/files/02bcd05d2e284a5decd82fff07c6f768a93c9ae92758fa9a75a1da25606962c19145266348ecbdf506bf658c8df1243d837bd4dbf5319519e2d7ed58d30e3b81","name":"hi.html","type":"text/html","lastModified":1598754546776.26,"size":71}] 2f:{"title":"Add a HTML block of text to a HTML cell","cells":[{"id":0,"value":"top = md`# Add a HTML block of text to a HTML cell\n\nI think I have 4 ways that I have added a block of text from an attached file to a notebooks cell.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"page0 = html`This loads a block of HTML as text and gives it the meta data to be html

\nThis kind of worked but broke the H1 element

\n`\n\n\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"page1 = html`

This loads a block of HTML and used D3 to inject it into this html cell

\n

\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":274,"value":"md`** A normal javascript selector could have been used to get the element instead of D3, but I was learning D3 so...**`","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"{\n page1;\n d3.select('#page1').html(await FileAttachment(\"hi.html\").text()); \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":101,"value":"page2 = html`

This loads a block of HTML and uses D3 again to construct an html document from the text fule abd then inject it into this cell

\n

\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":104,"value":"{\n page2;\n d3.select('#page2').html( html_doc.body.innerHTML );\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":98,"value":"html_doc = d3.html(await FileAttachment(\"hi.html\").url()) ","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = require(\"d3@6\")\n","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}