Near fullscreen view of parsed/embeded files for example PDF

Tips & Tricks
, ,
#1

Hi,

Maybe this can be helpful for someone, because I think it can be a common necessity.

I am parsing PDFs files from folders to include them in my wiki. But the resultant tiddlers shows the PDFs with less height than my screen, making difficult to read the PDFs. It can be applied also to different file formats that can be parsed by TiddlyWiki (HTML, ā€¦)

Using Custom styles by data-tags

I created a tiddler with this content:

[data-tags*="PDF"] .tc-tiddler-body {
  word-break: normal;
  word-wrap: break-word;
  white-space: pre-wrap;
	width: 100%;
	height: 100vh;
	}
	.tc-tiddler-body > iframe {
	width: 100%;
	height: 100%;
	}
}

This increase the size of the tiddler and PDFs iframe to get a near fullscreen effect (the size only of tiddlers tagged as PDF).

I am also using the plugin tiddler-fullscreen
tiddler-fullscreen to be able to resize to fullscreen a tiddler.

To parse/embed the PDFs I am using (on Node.js TiddlyWiki option) TiddlyWiki Files

Example of tiddlywiki.files to tag as PDF documents related to Git:

{
    "directories": [
        {
            "path": "../../../files/Git",
            "filesRegExp": "^.*\\.pdf$",
            "isTiddlerFile": false,
            "fields": {
		"tags": ["Git","PDF"],
                "title": {"source": "basename-uri-decoded"},
                "created": {"source": "created"},
                "modified": {"source": "modified"},
                "type": "application/pdf",
                "text": "",
                "_canonical_uri": {"source": "filename", "prefix": "./files/Git/"}
            }
        }
    ]
}
3 Likes
Template problem
#2

Thank you very much! Iā€™m going to borrow steal that!

1 Like
#3

Is it possible to use a path to web like Google Drive here?

#4

@Scott_Sauyet sure! You are welcome!

@Mohammad, I am using your plugin library Kookma, a lot. Thank you very much for such great work!

Yes, it is possible to use Google Drive. I have tested right now, on Windows, following these steps:

  1. Using the Google Drive app, which mounts GDrive as a local drive

  2. Making a hard link on the tiddlywiki files folder (mklink /J Link Target) to redirect to the Google Drive folder

  3. Configure tiddlywiki.files to use the hardlink redirected to the Google Drive folder

{
    "directories": [
        {
            "path": "../../../files/GDrive",
            "filesRegExp": "^.*\\.pdf$",
            "isTiddlerFile": false,
            "fields": {
				"tags": ["GDrive","PDF"],
                "title": {"source": "basename-uri-decoded"},
                "created": {"source": "created"},
                "modified": {"source": "modified"},
                "type": "application/pdf",
                "text": "",
                "_canonical_uri": {"source": "filename", "prefix": "./files/GDrive/"}
            }
        }
    ]
}
1 Like
#5

I am delighted to know that! Thank you.

This is remarkable! I now have the capability to access my article library on Drive (cloud).

1 Like