{"id":71,"date":"2015-02-04T17:56:23","date_gmt":"2015-02-05T01:56:23","guid":{"rendered":"http:\/\/commons.bellevuecollege.edu\/krowley\/?p=71"},"modified":"2015-05-08T11:49:39","modified_gmt":"2015-05-08T18:49:39","slug":"embedding-office-365-documents-into-web-pages","status":"publish","type":"post","link":"https:\/\/commons.bellevuecollege.edu\/krowley\/2015\/02\/04\/embedding-office-365-documents-into-web-pages\/","title":{"rendered":"Embedding Office 365 Documents into Web Pages&#8230; or Not. And, Ben Franklin."},"content":{"rendered":"<p>I&#8217;m having some kind of fun playing with the various features of Bellevue College&#8217;s new Microsoft Office 365. One of the coolest, most promising features is embedding Office documents into web pages. Over the Christmas break, Bruce Wolcott showed this to me&#8211; he had embedded a Word document in Canvas. It was super-cool!<\/p>\n<p>So now I want to try it here in our Commons blogs. The Commons blogs are WordPress-powered, which is a different set of technologies than either Office 365 or Canvas, so it may not work right just yet. Nevertheless, here goes.<\/p>\n<p>Here, I just paste the URL of a document in my OneDrive, and convert it to a hyperlink:<\/p>\n<p><a href=\"https:\/\/bellevuec-my.sharepoint.com\/personal\/krowley_bellevuecollege_edu\/_layouts\/15\/guestaccess.aspx?guestaccesstoken=L9j3jlafHhbaIRWMIKTJFIjN2nFmEpLl9Ato4R5KTGI%3d&amp;docid=0699e67f0e7764b1eb81e0880cbc76915\" target=\"_blank\">https:\/\/bellevuec-my.sharepoint.com\/personal\/krowley_bellevuecollege_edu\/_layouts\/15\/guestaccess.aspx?guestaccesstoken=L9j3jlafHhbaIRWMIKTJFIjN2nFmEpLl9Ato4R5KTGI%3d&amp;docid=0699e67f0e7764b1eb81e0880cbc76915<\/a><\/p>\n<p>Well, that works as expected: that is, it opens a new tab in my browser, and inside that tab, opens Word Online, with the document (&#8220;Book Love&#8221;) open. However, I am currently logged into my OneDrive\/Office 365 site. If I am NOT logged in, what happens?<\/p>\n<p>Ah, very cool! It opens the document in Word Online, but with <i>view only<\/i> permissions. Perfect.<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-76 size-full\" src=\"\/\/commons.bellevuecollege.edu\/wp-content\/uploads\/sites\/34\/2015\/02\/Linked_Office365document_View_Permissions.png\" alt=\"Linked Office 365 document, with View permissions\" width=\"886\" height=\"863\" srcset=\"https:\/\/commons.bellevuecollege.edu\/wp-content\/uploads\/sites\/34\/2015\/02\/Linked_Office365document_View_Permissions.png 886w, https:\/\/commons.bellevuecollege.edu\/wp-content\/uploads\/sites\/34\/2015\/02\/Linked_Office365document_View_Permissions-300x292.png 300w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Now, that&#8217;s pretty cool. But, what if I want to do what Bruce does in his Canvas Pages&#8211;\u00a0<em>embed?\u00a0<\/em>Let&#8217;s snag this file&#8217;s embed code from OneDrive, and paste that iframe code here:<\/p>\n<p>This is an embedded <a href=\"http:\/\/office.com\" target=\"_blank\">Microsoft Office<\/a> document, powered by <a href=\"http:\/\/office.com\/webapps\" target=\"_blank\">Office Online<\/a>.<\/p>\n<p>What?? Nooo! How lame! WordPress totally ditched the iframe code, and replaced it with this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-82\" src=\"\/\/commons.bellevuecollege.edu\/wp-content\/uploads\/sites\/34\/2015\/02\/This_is_an_embedded_Microsoft_Office_document-HTML_view.png\" alt=\"HTML code of lame replacement message\" width=\"542\" height=\"74\" srcset=\"https:\/\/commons.bellevuecollege.edu\/wp-content\/uploads\/sites\/34\/2015\/02\/This_is_an_embedded_Microsoft_Office_document-HTML_view.png 542w, https:\/\/commons.bellevuecollege.edu\/wp-content\/uploads\/sites\/34\/2015\/02\/This_is_an_embedded_Microsoft_Office_document-HTML_view-300x40.png 300w\" sizes=\"auto, (max-width: 542px) 100vw, 542px\" \/><\/p>\n<p>Yep, after a cursory search of the WordPress.org support and forums, it appears that WordPress strips out iframe code for &#8220;security&#8221; reasons. Bummer. I want this all to come together. I want to be able to put my Office documents anywhere. I want to be able to collaborate with others on any site. I know computer security people hate users like me.<\/p>\n<p>Which reminds me of an issue that the college is encountering on other levels right now, and a relevant <a href=\"http:\/\/en.wikiquote.org\/wiki\/Benjamin_Franklin\" target=\"_blank\">quote from Ben Franklin<\/a>:<\/p>\n<blockquote>\n<p style=\"padding-left: 30px\"><b>Those who would give up <a class=\"mw-redirect\" title=\"Essential\" href=\"http:\/\/en.wikiquote.org\/wiki\/Essential\">essential<\/a> <a title=\"Liberty\" href=\"http:\/\/en.wikiquote.org\/wiki\/Liberty\">Liberty<\/a>, to purchase a little temporary <a title=\"Safety\" href=\"http:\/\/en.wikiquote.org\/wiki\/Safety\">Safety<\/a>, deserve neither Liberty nor Safety.<\/b><\/p>\n<\/blockquote>\n<p>Blessings,<\/p>\n<p>K<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m having some kind of fun playing with the various features of Bellevue College&#8217;s new Microsoft Office 365. One of the coolest, most promising features is embedding Office documents into web pages. Over the Christmas break, Bruce Wolcott showed this to me&#8211; he had embedded a Word document in Canvas. It was super-cool! So now &hellip; <a href=\"https:\/\/commons.bellevuecollege.edu\/krowley\/2015\/02\/04\/embedding-office-365-documents-into-web-pages\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Embedding Office 365 Documents into Web Pages&#8230; or Not. And, Ben Franklin.<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":89,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,46,47,3],"tags":[55,59,54,58,53,56,57],"class_list":["post-71","post","type-post","status-publish","format-standard","hentry","category-canvas","category-software-2","category-software-2-tech","category-teaching","tag-compatibility","tag-freedom","tag-incompatibility","tag-insecurity","tag-integration","tag-philosophy","tag-wisdom"],"_links":{"self":[{"href":"https:\/\/commons.bellevuecollege.edu\/krowley\/wp-json\/wp\/v2\/posts\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commons.bellevuecollege.edu\/krowley\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/commons.bellevuecollege.edu\/krowley\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/commons.bellevuecollege.edu\/krowley\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/commons.bellevuecollege.edu\/krowley\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":10,"href":"https:\/\/commons.bellevuecollege.edu\/krowley\/wp-json\/wp\/v2\/posts\/71\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/commons.bellevuecollege.edu\/krowley\/wp-json\/wp\/v2\/posts\/71\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/commons.bellevuecollege.edu\/krowley\/wp-json\/wp\/v2\/media?parent=71"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/commons.bellevuecollege.edu\/krowley\/wp-json\/wp\/v2\/categories?post=71"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/commons.bellevuecollege.edu\/krowley\/wp-json\/wp\/v2\/tags?post=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}