HTML Preview Templates

Sven · April 2013

I was about to add the function to see actual preview in html browser for projects on different engines before I realized it might be a bit more complicated.

What I would need is a good sample site of the article/profile from each engine (preferred from the demo site of that engine). I just wrote my own tool to download that and make it embed the images/css. The problem now is that the file is getting very huge because the css e.g. includes everything and most of that stuff is not required.

Is there any program that would take an URL and download it for offline browsing (html file + images embedded with the "data:image/" tag) and just the required css/java script included?

Ozz · April 2013

take my answer with caution as i just googled and found a thread at stackoverflow.

solution 1: HTTrack Website Copier

solution 2: FF plugin ScrapBook

hopefully one of those are working as wished.

If you need some more sources for demo websites than take a look here:

http://www.softaculous.com/softaculous/softwares

http://www.opensourcecms.com/scripts/show.php?catid=all&category=All+CMS+Demos

Nitros · April 2013

I have used webstripper before for offline page browsing. It was working fine.
http://webstripper.net/download.html

Sven · April 2013

@Ozz thanks, will test the second one (1st one is not what I wanted)

@Nitros thanks but this one was not stipping out useless stuff.

Sven · April 2013

ScrapBook looks really promising...it resolves the javascript to pure html...but still not include the images and css. But it's a way forward

MrX · April 2013

ScrapBook is kinda nice for this! I use it to rip full websites when Im travelling or have to work in the plane. As far as I know, they support image download aswell

Sven · April 2013

@magicmastermind well yes it is downloading the images. But I was planning to add the content of the images in the html itself using the "data/image-base64 encoding".

MrX · April 2013

You can alter FF plugins source code, just take a look into the XPI. Im not sure wether it works in Scrapbook but it should.
http://www.instructables.com/id/Extract-Firefox-Addon-Source-Code/
As they use JS you could "inject" a little snippet to encode the images and replace the image path with actual content.

Sven · April 2013

Yep but I guess I will just polish the thing I have done already and add that as a "Create Preview Template" popup menu from verified URLs.

HTML Preview Templates

Comments