{"id":3309,"date":"2016-03-11T21:58:52","date_gmt":"2016-03-12T05:58:52","guid":{"rendered":"http:\/\/lisahistory.net\/wordpress\/?p=3309"},"modified":"2025-08-18T13:22:33","modified_gmt":"2025-08-18T20:22:33","slug":"embedding-hypothes-is-in-canvas","status":"publish","type":"post","link":"https:\/\/lisahistory.net\/wordpress\/2016\/03\/embedding-hypothes-is-in-canvas\/","title":{"rendered":"Embedding Hypothes.is in Canvas"},"content":{"rendered":"

This is one of those posts I’m writing so I don’t forget how to do something.<\/p>\n

After testing Hypothes.is for annotations<\/a>, and realizing that the Redirect Tool in canvas would force an ordinary webpage with annotations to only open in a new tab, I figured out something.<\/p>\n

Canvas will only embed secure (SSL) pages (those with an address starting https:\/\/<\/em>). All my web pages are just plain ole http. But it turns out that my host, Lunarpages, can create an\u00a0SSL page by just using the URL of the server (https:\/\/fand.lunarserver.com\/username + rest of the URL). So any page I already have can become a secure page by using this URL instead.<\/p>\n

So to make this happen automatically, here’s the workflow:<\/p>\n

1. Create my own webpage with text and images.<\/p>\n

2. Include the hypothes.is code in the HTML of the page<\/p>\n

https:\/\/hypothes.is\/embed.js<\/a><\/pre>\n
3. Use the Redirect Tool in Canvas, using the URL of the page, but with the Lunarpages server preface (in this case https:\/\/fand.lunarservers.com\/~lisahi2\/)<\/p>\n
\"redirectapp\"<\/p>\n
4. Voila:<\/p>\n
\"hypothesisincanvas\"<\/p>\n","protected":false},"excerpt":{"rendered":"
This is one of those posts I’m writing so I don’t forget how to do something. After testing Hypothes.is for annotations, and realizing that the Redirect Tool in canvas would force an ordinary webpage with annotations to only open in a new tab, I figured out something. Canvas will only embed secure (SSL) pages (those […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_post_was_ever_published":false},"categories":[32,33,10,22],"tags":[],"class_list":["post-3309","post","type-post","status-publish","format-standard","hentry","category-cmslms","category-discussion","category-online-teaching","category-the-web"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts\/3309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/comments?post=3309"}],"version-history":[{"count":1,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts\/3309\/revisions"}],"predecessor-version":[{"id":9899,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts\/3309\/revisions\/9899"}],"wp:attachment":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/media?parent=3309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/categories?post=3309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/tags?post=3309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}