Re: [tw] [TW5] Inline Editing of fields
I just watched your video about custome fields and now I have a better idea of what they are and what they do. Thanks a lot, Eric. -- 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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
Thanks for the hint, Vincent.
I'd still like to have the fields be editable. But additionally, being able
to edit parts of a tiddler inline would also help. But my focus is more to
TW5.
In order not to learn (too much) Klingon and not to have too much overhead,
I also thought about how this could be achieved. My idea is to have
something like this:
{{ InlineEditor }} editButtons
So this is to include the Buttons which will allow editing.
And then you need to mark the editable blocks like so:
@@.editable
This is an editable text block.
2nd paragraph of the block
@@
Or you can even mark parts of a line as editable:
This is just one @@.editable
word
@@
which is editable
I updated my tiddlyspot http://skeeve.tiddlyspot.com/to show how the view
mode could look like. I choose pink as background just for illustration
puposes. Of course clicking the button doesn't do anything yet besides
switching the buttons. And I'm still using Javascript directly in the
onclick handler. But as long as I don't know any API, I don't want to put
too much effort in doing it properly ;)
--
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
Hi Stephan As you already told me before Hangout #20, you know about this loose of focus. Memorizing the field and refocussing after tiddler refresh won't help, I fear. When a test input receives focus, usually the content gets selected, if I'm not mistaken. So when you type a character, before the next one, the text will be selected and the next character will delete that selected part. As Vincent notes, we can in fact remember the text selection in order to restore it correctly. It's fiddly, but do-able. The tricky part is tracking widget nodes across refresh cycles, because of the way that DOM nodes can get recreated as part of the refresh cycle. My idea would be, at least for my use case, to not update anything until the done button is pressed. In effect that is how TW5 already works. Edits happen live to the draft of the tiddler, and then clicking done copies the draft over the original. So, the actual edit isn't performed until you click done. We update the draft live so that it can be synced to the server/localstorage for backup. I'd like to explore that idea but I have no clue about any JavaScript API offered by TW5 or whether there is any. I need to know how to retrieve and store the field values. There's quite a lot of dev documentation on five.tiddlywiki.com, and a great deal of comments in the code. I also like to know whether or not the change of a class in my posted example can, for this case, be assumed safe? As long as the tiddler I'm editing does not get refreshed, I don't see, at the moment, a problem. The tiddler you're editing could get refreshed because of, say, an unrelated change in the content of the story list. It's pretty fundamental to TW5 that DOM nodes are dynamically created. It's just the same as modern frameworks like Angular. Another idea, how I thought I could achieve what I want, was something like this: I need to create some Form Tiddler which defines the layout and fields which are editable. This Form Tiddler then serves as the View and Edit template at the same time. It should be possible to create a tiddler with this Form Tiddler as its template. Clicking the EDIT button should then simply offer to change the fields. I'll reply separately to your later message about this part. Best wishes Jeremy I hope I could explain what I mean!? -- Jeremy Ruston mailto:jeremy.rus...@gmail.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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
If I understand correctly, you're trying to switch fragments of a tiddler
into edit mode? That's not going to be easy. Because raw wikitext can be
generated by macro parameter expansion there isn't a straightforward
relationship between the tiddler source text and the text that the parser
sees.
Best wishes
Jeremy.
On Thu, Nov 7, 2013 at 8:14 AM, Stephan Hradek stephan.hra...@gmail.comwrote:
Thanks for the hint, Vincent.
I'd still like to have the fields be editable. But additionally, being
able to edit parts of a tiddler inline would also help. But my focus is
more to TW5.
In order not to learn (too much) Klingon and not to have too much
overhead, I also thought about how this could be achieved. My idea is to
have something like this:
{{ InlineEditor }} editButtons
So this is to include the Buttons which will allow editing.
And then you need to mark the editable blocks like so:
@@.editable
This is an editable text block.
2nd paragraph of the block
@@
Or you can even mark parts of a line as editable:
This is just one @@.editable
word
@@
which is editable
I updated my tiddlyspot http://skeeve.tiddlyspot.com/to show how the
view mode could look like. I choose pink as background just for
illustration puposes. Of course clicking the button doesn't do anything yet
besides switching the buttons. And I'm still using Javascript directly in
the onclick handler. But as long as I don't know any API, I don't want to
put too much effort in doing it properly ;)
--
Jeremy Ruston
mailto:jeremy.rus...@gmail.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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
On Wednesday, November 6, 2013 8:07:54 PM UTC-8, Vincent Yeh wrote: I am not familiar with the field things in TiddlyWiki ... I don't know about the template things TWCore custom tiddler fields and templates (ViewTemplate/EditTemplate) are very effective for creating tiddlers with use-case specific fields. ... view mode editing capabilities in the TiddlyWiki (classic). It's working in many cases for regular tiddler text (not sure for fields, though)... For some other plugins that do various types of field editing, you should check out: http://www.TiddlyTools.com/#EditFieldPlugin (edit fields from view mode) http://www.TiddlyTools.com/#EditSectionPlugin (popup editor for tiddler sections) http://www.TiddlyTools.com/#ListboxPlugin (set fields from droplists and listboxes) http://www.TiddlyTools.com/#CheckboxPlugin (set/clear tags or field values) -e -- 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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
Hi Stephan, I am not familiar with the field things in TiddlyWiki, but I have some idea about what you mentioned. The 'focus and select' behavior, as far as my experiences are concerned, can be a choice of the programmer's. For example, in my plugin combination TWtid+TWted (available at http://twtable.tiddlyspace.com, or see discussion thread https://groups.google.com/forum/#!searchin/tiddlywiki/view$20mode$20edit/tiddlywiki/0FT6iBneYOk/8sPbbQee2jsJ) I do explicitly select the text when setting focus to the edit box. As for what you want to do, I don't know about the template things, but just for the editing purposes my plugin combination offers view mode editing capabilities in the TiddlyWiki (classic). It's working in many cases for regular tiddler text (not sure for fields, though) and still under development. If what you want to do can be done with regular tiddler text, instead of fields, and don't mind using the classic version, you are welcome to try them out. The upside is that you don't memorize tricks or hard-to-remember syntax just to get it work. (No disrespect to all the nice people here but I really cannot remember those Klingon-like syntax.) The downsides are 1) they are plugins that needs installation, 2) they are quite large as plugins (both over 50KB in minimized versions), and 3) they are not working with TW5 yet. For 1) that's the price to pay for not learning Klingon. For 2) I would rather leave it for now for my function first, optimization later strategy. For 3) I am (soon to be) spending time studying TW5 plugin mechanism, hopefully to figure a good way to migrate in the near future. Have fun! Vincent On Wednesday, November 6, 2013 4:49:19 PM UTC+8, Stephan Hradek wrote: Hi Jeremy! As you already told me before Hangout #20, you know about this loose of focus. Memorizing the field and refocussing after tiddler refresh won't help, I fear. When a test input receives focus, usually the content gets selected, if I'm not mistaken. So when you type a character, before the next one, the text will be selected and the next character will delete that selected part. My idea would be, at least for my use case, to not update anything until the done button is pressed. I'd like to explore that idea but I have no clue about any JavaScript API offered by TW5 or whether there is any. I need to know how to retrieve and store the field values. I also like to know whether or not the change of a class in my posted example can, for this case, be assumed safe? As long as the tiddler I'm editing does not get refreshed, I don't see, at the moment, a problem. Another idea, how I thought I could achieve what I want, was something like this: I need to create some Form Tiddler which defines the layout and fields which are editable. This Form Tiddler then serves as the View and Edit template at the same time. It should be possible to create a tiddler with this Form Tiddler as its template. Clicking the EDIT button should then simply offer to change the fields. I hope I could explain what I mean!? -- 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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
Hi Stephan I can't negotiate the steps needed to download the file. Could you perhaps post the example to TiddlySpot? Many thanks, Jeremy On Tue, Nov 5, 2013 at 12:51 PM, Stephan Hradek stephan.hra...@gmail.comwrote: I felt that it might be a good idea to be able to edit fields in a tiddler while viewing that tiddler. This way one could, for example, create contacts tiddlers, suiting one's needs and still be able to edit the contact details without having to edit the tiddler itself. Here you can download my current attempt. http://www.4shared.com/document/dSQIo7X2/five-1__1_.html It's looking quite good, I think. When you click the Edit fields button, all the diesplayed values become input fields. When you click Cancel or Done, the values are displayed again. But the editing doesn't work too well. After each character typed, the edit mode is closed :( Maybe someone (Jeremy) has an idea what I'm doing wrong? -- 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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out. -- Jeremy Ruston mailto:jeremy.rus...@gmail.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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
Am Dienstag, 5. November 2013 13:54:43 UTC+1 schrieb Jeremy Ruston: Hi Stephan Could you perhaps post the example to TiddlySpot? I'd love to - but I don't see how I could do that :( -- 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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
TiddlyWiki5 supports saving to TiddlySpot. Search for tiddlyspot on five.tiddlywiki.com, or see the instructions here: http://five.tiddlywiki.com/static/TiddlySpot.html Best wishes Jeremy On Tue, Nov 5, 2013 at 1:40 PM, Stephan Hradek stephan.hra...@gmail.comwrote: Am Dienstag, 5. November 2013 13:54:43 UTC+1 schrieb Jeremy Ruston: Hi Stephan Could you perhaps post the example to TiddlySpot? I'd love to - but I don't see how I could do that :( -- Jeremy Ruston mailto:jeremy.rus...@gmail.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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
At first it didn't work, saving from five to tiddlyspot using FF14. But Safari could do it. And then I could also upload from FF14. So now you can see the example at http://skeeve.tiddlyspot.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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
Hi Stephan That's very helpful, thank you. What you are trying to do can be accomplished readily using the edit widget. Within a tiddler you can have a widget like this that will display a particular field of the current tiddler as an edit box: $edit field=myAddress/ Any changes to the text box are automatically dynamically bound to the underlying field. If you want the buttons that switch a field from view to edit mode then the way to accomplish that is to use the reveal widget -- see how the preview is done in the edit template for an example. Both this and your home tiddlers hack make use of inline event handlers. That's very much deprecated for TiddlyWiki5. Generally, fiddling around directly with the DOM will fall foul of TW5's refresh mechanism. The way to add custom javascript to TW5 is via the module mechanism. Best wishes Jeremy. On Tue, Nov 5, 2013 at 2:07 PM, Stephan Hradek stephan.hra...@gmail.comwrote: At first it didn't work, saving from five to tiddlyspot using FF14. But Safari could do it. And then I could also upload from FF14. So now you can see the example at http://skeeve.tiddlyspot.com/ -- Jeremy Ruston mailto:jeremy.rus...@gmail.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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
Am Dienstag, 5. November 2013 15:19:00 UTC+1 schrieb Jeremy Ruston: What you are trying to do can be accomplished readily using the edit widget. Sounds great. Will test. Both this and your home tiddlers hack make use of inline event handlers. Yes. As a proof of concept and because I didn't look at modules yet. Generally, fiddling around directly with the DOM will fall foul of TW5's refresh mechanism. Except for replacing a class, there is no other change in the DOM at all in my current example. Still a no-go? -- 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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
Am Dienstag, 5. November 2013 15:41:47 UTC+1 schrieb Stephan Hradek: Except for replacing a class, there is no other change in the DOM at all in my current example. Still a no-go? To answer myself: YES! And this seems to be the cause for my problem. After typing one character, it seems the tiddler is refreshed and so the view class reappears in my form element. -- 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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
Re: [tw] [TW5] Inline Editing of fields
Except for replacing a class, there is no other change in the DOM at all in my current example. Still a no-go? To answer myself: YES! And this seems to be the cause for my problem. After typing one character, it seems the tiddler is refreshed and so the view class reappears in my form element. That's correct. TW5 reconstructs the DOM dynamically from the underlying render tree; it can happen at any time. It means that you can't maintain state in DOM nodes. Best wishes Jeremy -- Jeremy Ruston mailto:jeremy.rus...@gmail.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 post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
