TW5.1.19: Can I copy the contents of a whole web page into a tiddler?

102 views
Skip to first unread message

Chuck R.

unread,
Dec 19, 2019, 12:04:35 PM12/19/19
to TiddlyWiki
My system: TW5.1.19, using TW5 markup, TW is on tiddlyspot.com

This issue is not a big deal but I was curious if I could save a single web page as HTML as a tiddler, like via drag and drop, so it would show me the contents of that page in TW as it was when I dragged it there. 

Or even as an alternate, a tiddler would load a single webpage into the tiddler and show it as it is right now, a live copy if you will, which would requite an internet connection. 

One of my applications is to hold the whole study page in the tiddler, like a static mirror of that page.

Sorry for all the newbie questions, but I'm exploring TW and finding all kinds of possibilities! This is too much fun. :)

TonyM

unread,
Dec 19, 2019, 5:02:34 PM12/19/19
to TiddlyWiki
CHuck,

This issue is not a big deal but I was curious if I could save a single web page as HTML as a tiddler, like via drag and drop, so it would show me the contents of that page in TW as it was when I dragged it there. 

(1) you can use a utility in your browser to copy content as html, then paste this into a tiddler and it will render somewhat.. But many web pages have a whole lot of images etc... stored in separate files and this breaks down.

 

Or even as an alternate, a tiddler would load a single webpage into the tiddler and show it as it is right now, a live copy if you will, which would requite an internet connection. 

(2) Use an iframe for this in a tiddler 
<iframe src='' frameborder="0" width="1024"; height="600"></iframe>

Placing the source url in the src value.


One of my applications is to hold the whole study page in the tiddler, like a static mirror of that page.

 Using option (1) may do this for you. But there are more options if not. 

(3) although you loose the html you can print a webpage to a PDF Printer then link to or import the PDF in tiddlywiki. This captures all formatting and the result of CSS and Images etc...

(4) you can capture a webpage and all its images etc... and save it in the same structure in the same folder as the wiki and the html paste can use these other files to display completely but you loose the single file quality.

For study notes it all depends on if you can have a wiki per subject and how big it will be in the long run weather different options are sufficient.

With the PDF output I use Foxit Reader which also makes it easy to Print to PDF, copy content out, annotate the PDF and more.

Regards
Tony

Sorry for all the newbie questions, but I'm exploring TW and finding all kinds of possibilities! This is too much fun. :)

Don't be sorry, this is a community for this. 

TonyM

unread,
Dec 19, 2019, 5:04:04 PM12/19/19
to TiddlyWiki
Chuck Post script

In  the Iframe I recommend Use Width="100%" and height as you desire.

Tony 

Chuck R.

unread,
Dec 20, 2019, 8:12:09 AM12/20/19
to TiddlyWiki
<iframe> worked perfectly! Thank you again!

Chuck R.

unread,
Dec 20, 2019, 8:16:59 AM12/20/19
to TiddlyWiki

On Thursday, December 19, 2019 at 5:02:34 PM UTC-5, TonyM wrote:


(1) you can use a utility in your browser to copy content as html, then paste this into a tiddler and it will render somewhat.. But many web pages have a whole lot of images etc... stored in separate files and this breaks down.


I'm using Firefox v71 on Windows 10 right now. I also have a Windows 7 machine I might be using. I'm not finding any native option to copy a page as html, were you referring to an addin perhaps? I even checked under Tools, Web developer. It's ok if I don't get images at this point. I will check Firefox addins for something like this.

Chuck R.

unread,
Dec 20, 2019, 8:25:57 AM12/20/19
to TiddlyWiki
Ok I just did a View Source in the browser, and copied all the HTML in to a new tiddler and saved it. It was enormously tall. So to make it less tall I put it in an <iframe frameborder="0" width="100%" height="300"></iframe> but when I saved the tiddler I got a blank screen an no scroll bars. In edit mode all the HTML is there.

So now I removed the <html> and </html> elements from the tiddler, along with any <head> tags, saved it, and still there is nothing when I save the tiddler, and no scroll bars.

Since I'm not familiar with <iframe> that much I'm not sure what is going wrong. And there should not be any limit to data in a tiddler. By checking Tools, Page info I see the html page is 22.9KB.

The HTML starts with a <div align="center"> followed by a table. If the table has specified fit widths and it's too wide for the tiddler would that cause all the content to be hidden when I save the tiddler?

I made my TW browser window max size and made the sidebar hidden to maximize the width I could show and still the content is invisible. I might end up having to remove the content from the table elements, I think the content is just 2 columns with a blank column on the left and text in the right column.

Hmmm.


Reply all
Reply to author
Forward
0 new messages