Re: [tw5] Re: Picture based tiddlers

[makiaea]

i don't use this myself but it is possible on ios using quine2 (may require 
the "scriptable" app)

one caveat is i can't get the image to show changes straight away in 
tiddlywiki without saving/reloading the file in quine2. maybe someone has 
an appropriate suggestion? i tried soren's link in a recent discussion for 
refresh but didn't try eric's solution in the same thread

ok, so how it works:

you can make a tiddlywiki macro to insert the following based on the file 
location of the photo (or use a pythonista script etc., you can use 
anything that's appropriate e.g. gladys or another clipboard manager on ios)

show photo using (this is a relative path on the ios filesysten, relative 
to the open tiddlywiki) :

[img[photo/20181028 maki know abcd 2.jpg]]

link to edit this photo (assuming it lives in iCloud, using full path):

[ext[shareddocuments:///private/var/mobile/Library/Mobile%20Documents/com~apple~CloudDocs/books/00045/20201205makiaea-anwiki/photo/20181028%20maki%20know%20abcd%202.jpg]]

(opens in ios using files, can use apple pencil but only additively, 
remember to save using "done", note the conversion of spaces, which is why 
i would use pythonista as i know how to work the conversion, you could also 
use shortcuts as in the macstories source linked below, or just manually 
replace the spaces to start with, which is what i did for this example)

again, note that i had to save and reload tiddlywiki in my setup (quine2) 
after editing the photo to show the updated photo within tiddlywiki, if you 
have a different setup ymmv.

warmest wishes, maki


source: 
https://www.macstories.net/ios/fs-bookmarks-a-shortcut-to-reopen-files-and-folders-directly-in-the-files-app/

the shiraz plugin has some nice macros to format images

On Sunday, August 1, 2021 at 1:59:17 AM UTC+1 joshua@gmail.com wrote:

> There is work in progress to handle a "file upload plugin" that can be 
> used with various backends (Node.js TW, and TiddlyWiki-onFission being the 
> first 2).
>
> Discussion thread here: 
> https://talk.fission.codes/t/tiddlywiki-file-upload-plugin-webnative-ipfs-funded/1926
>
> Best,
> Joshua Fontany
>
> On Saturday, July 31, 2021 at 1:38:06 PM UTC-7 ludwa6 wrote:
>
>> +1 the Imgur idea- my goto site for image hosting.  Easy upload via 
>> mobile, easy to link your choice of output formats… And a RESTful API 
>> that should be easy enough to integrate, right? 
>>  If it’s beta testers you want, count me in!
>>
>> /walt
>>
>> On Saturday, July 31, 2021 at 7:39:42 PM UTC+1 flanc...@gmail.com wrote:
>>
>>> Great Ideas so far. From a developer standpoint, I can recommend the 
>>> Imgur API for integration. Not only does it give flexibility and a high 
>>> number of photo uploads per day, but it is also relatively easy to use and 
>>> combine with existing technologies (ie tiddlywiki in this case.) 
>>> I would love to build a JS plug-in or tool for TW with this, if any of 
>>> you are interested. 
>>>
>>> On Sat, Jul 31, 2021 at 9:45 AM 'Mark S.' via TiddlyWiki <
>>> tiddl...@googlegroups.com> wrote:
>>>
 TW isn't really suited for dealing with photos on a regular basis.

 The problem is that even a single high-res photo will bog down your TW 
 experience, especially saving and loading. Which means you need to 
 externalized your images. Externalizing your images means exporting your 
 images to some place accessible by TW, and then re-importing as URLs. 
 There 
 isn't any smooth, automated way to do all this. I've been looking and 
 experimenting for awhile, but with only mixed results. The ideal solution 
 wouldn't require a user to do more than click on an "archive" button to 
 convert a tiddler to an external image. And I guess there would need to be 
 a reverse button, since AFAIK you can only draw on an embedded image. 

 On Saturday, July 31, 2021 at 5:00:16 AM UTC-7 TiddlyTweeter wrote:

> VERY interesting post.
>
> TW is well suited for it with a bit of tweaking ... 
>
> Much of the issue is how you have your OS setup??? I do screen capture 
> vis OS on Android, Chromebook and PC desktop no problem.
> And then import.
>
> WHERE TW gets interesting to me in the OP is engaging PEN input into 
> the editor or into image tiddlers after capture.
> ALL I do is scale the box full screen --- as for pen accuracy, you 
> need a decent sized canvas.
>
> Ask if you want particulars.
>
> Best
> TT 
>
> On Saturday, 31 July 2021 at 11:58:05 UTC+2 e.arnol...@gmail.com 
> wrote:
>
>> Hi all
>>
>> I'm interested in using TW5 for my daily note taking. I very often 
>> takes notes with images. Sometimes the image is the only note.
>> Picture taking should be well integrated.
>>
>> Is TW5 well suited for this task?
>> Are there plugins for quick picture taking?
>> How well would performance be with several h

Re: [tw5] Re: Sticky editortoolbar?

[makiaea]

wait, it seems it does work on tiddlywiki.com

try editing another tiddler e.g. HelloThere

the sticky toolbar gets hidden behind the blue bar if it is a single line 
only
On Thursday, April 29, 2021 at 6:25:21 AM UTC+1 ma...@makiaea.org wrote:

> i tried this when i was first building my new tiddlywiki and it didn't work
>
> just tried it on tiddlywiki.com and it didn't work
>
> if i recall correctly i eventually found it was the css in the default tw 
> using an overflow property in the parent element, which means that sticky 
> does not work in the child element (sticky works fine elsewhere)
>
> On Tuesday, April 27, 2021 at 7:35:29 PM UTC+1 Brian Radspinner wrote:
>
>> History Buff may be in the same "position" as I am: I think I have some 
>> other CSS styles that as messing with the ability to use what you posted. 
>> When I use position:sticky on the toolbar, it does nothing, still scrolls 
>> with the tiddler frame.
>>
>> On Tuesday, April 27, 2021 at 10:40:59 AM UTC-7 David Gifford wrote:
>>
>>> @History Buff
>>>
>>> CSS worked great for me.
>>>
>>> Create a tiddler with the following:
>>>
>>> Title: $:/HistoryBuff/StickyEditorButtons
>>> tag: $:/tags/Stylesheet
>>> text: .tc-editor-toolbar { position: sticky; top: 0; background-color: 
>>> white;} 
>>> type: text/css
>>>
>>>
>>>
>>> On Tuesday, April 27, 2021 at 11:41:12 AM UTC-5 History Buff wrote:
>>>
 I haven't been able to get the CSS to work yet. For now, I've been 
 using the fixed height setting 
 ($:/core/ui/EditorToolbar/editor-height-dropdown) which fixes the editor 
 window and makes the toolbar visible at all times.

 On Tuesday, April 27, 2021 at 9:08:12 AM UTC-7 David Gifford wrote:

> Thanks a bunch Odin! 
> (I feel like a pagan idolater for writing that sentence!) :-)
>
>
>
>
> On Tue, Apr 27, 2021 at 10:34 AM Odin  wrote:
>
>> The CSS position attribute has a 'sticky' value. See: 
>> https://www.w3schools.com/cssref/pr_class_position.asp
>>
>> Adding this to a stylesheet tiddler would produce the effect:
>>
>> .tc-editor-toolbar { position: sticky; top: 0; }
>>
>> To prevent the look of 'floating' buttons you can also add a 
>> 'background-color: white;'.
>> Op dinsdag 27 april 2021 om 16:48:39 UTC+2 schreef David Gifford:
>>
>>>
>>> Okay I know I had this set up once., but I can't find it.
>>>
>>> Can anyone explain how I could have a sticky editortoolbar? So that 
>>> when I am editing a tiddler and scroll down, the editing buttons stay 
>>> at 
>>> the top of the screen?
>>>
>> -- 
>> You received this message because you are subscribed to a topic in 
>> the Google Groups "TiddlyWiki" group.
>> To unsubscribe from this topic, visit 
>> https://groups.google.com/d/topic/tiddlywiki/KVBFIqkYbBM/unsubscribe.
>> To unsubscribe from this group and all its topics, send an email to 
>> tiddlywiki+...@googlegroups.com.
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/tiddlywiki/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com
>>  
>> 
>> .
>>
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/9fb5deee-e449-497e-a458-ec3434781960n%40googlegroups.com.