Save as Full HTML Embed (Snapshot that preserves the original page layout)

The proposal will introduce two new possibilities:

1. New Mode: Save as a Full HTML only, obtaining a result like the “Evernote Web Clipper”, leveraging the new HTML Embed with preview introduced by notion that supports HTML+CSS+JS in a single file with rendering and interactions.

2. Option to attach full HTML (snapshot) also when using the other modes like article and multiselect (parsing only the selected part).

The idea is to extract HTML, CSS, Images and pack everything in a single HTML with embedded CSS and JS for optimal rendering, embedding the images and extra data as base64 or similar way. Like how it’s done by SingleFile extension (https://github.com/gbs74/SingleFile)

Then this html will be loaded into an embed block. Currently an uploaded HTML file can be turned into a preview (and the opposite). So probably it will be sufficient to parse the original page within the extension, applying the SingleFile logics, and then upload the HTML to a Notion Page. Probably it will be possible to mark it as Embed directly if the Notion APIs allows it (I don’t know what Notion APIs expose yet).

Currently using the SingleFile etension + manual drag&drop the generated HTML into Notion works very well and the HTM can be opened in a bigger window too.

Consider also the limit: Free accounts support only 5MB per file, so if the website is big with a lot of images, the upload could fail. Maybe there can be some optimizations, like compressing images to save space. The limitation is related to the fact that everything is inside a single file, so sometimes converting to article is better for long pages. For paid accounts there are less issues.

Some information about SingleFile:

• It seems that SingleFile supports multiple profiles and you can select which profile to use when saving a page, with different options available. You can select the destination that can be File, Clipboard and even a REST API (that could be local, imagine a local server opened by another extension)

• It supports saving only a selection of the page

• It has an API and integration possibility: https://github.com/gildas-lormeau/SingleFile/wiki/How-to-integrate-the-API-of-SingleFile-into-an-extension

So maybe a solution could be integrate it (there are other projects supporting it) if merging the features takes too much efforts. An alternative could be add a feature like “Save Clipboard to Notion” so a user can leverage SingleFile separately to make the snapshot, and Copy To Notion can be used just after to send the clipboard to Notion, with the possibility to recognize the HTML format and save it as a file attachment in the page. This feature could be used also for other purposes.