HTML Preview Templates

Sven

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

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

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

Sven

@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

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

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

@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

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

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.