How to host static HTML page and override all existing JavaScript on SP2013

Question

I have a flipbook (generated by http://fliphtml5.com/). It contains a static HTML page with a lot of JavaScript and CSS files. Our users would like to host it on a SharePoint site. The file can be read correctly at local PC with IE.

I have tried to create a publishing page and added a content editor web part to mock the HTML. The reference link to CSS and JS have been corrected. However it still does not work. I believe it is because SharePoint's OOB JavaScript conflicts with the flipbook.

Is there any workaround to host the static HTML page on SharePoint 2013 (on-premise)?

Answer 1

Use Iframe and reference the -tag to a url in a document library that contains your files yourhtml.aspx, yourjs.js, yourrcss.css.

Get your references to scripts and css correct in yourhtml.aspx.

Then just:

<iframe src="https://yoursharepointurl.com/documents/yourhtml.aspx"></iframe>

Use script editor web part, or content editor pointing to a *.txt containing the iframe tag. OR insert code into content editor.

Make sure to rename your *.html to *.aspx OR enable "text/html" as allowed mimetype using powershell. If not SharePoint would want you to download the file instead of opening it.

asnp microsoft.sharepoint.powershell
$webappurl = "https://yoursharepointurl.com"
$mimetype = Read-Host "Enter a mime type:"
$webapp = Get-SPWebApplication $webappurl
$webapp.AllowedInlineDownloadedMimeTypes.Add($mimetype)
$webapp.Update()

You say you don't have a seperate web server. Why would you need one?

Answer 2

You may put your HTML file and its resources in a basic document Library. In SharePoint, any file can be stored in a doc lib, event HTML code, like HTML pages, CSS files or JavaScript code. SharePoint itself stores (some of) its own aspx, CSS files, etc, in document libraries.

Once your files are all in the doc lib, clicking on the HTML file would simply navigate to it, as if it was an HTML file served by a traditionnal static Web server.

You may also point to that HTML from an IFrame (or a Page Viewer Web part, witch is the same) to get the SharePoint Chrome around your HTML page content.

Update
If the browser prompts to open or save the HTML file instead of navigating to it, try this: in the Central Administration, go to the "Manage web applications" section list, select the Web app in question, open its general settings and change its "Browser File Handling" option to "Permissive".