I include a tiddler in another tiddler. I want to show both its title and its content.
further more, I want to have a toggle that hides the content when I click on it. for example an arrow placed to the left of the title
is there a plugin that does this?
6 replies
XMLHttpRequest error code: 0
Ollie Curious if anyone has any tips
Ollie The sidebar "More" tab has a "Missing" section which is helping me so far, just wonder if there is a better flow
It seems to do what you're after. Check out the "Add Stroll to your TW" tiddler 👍
I'm definitely adding this to my own notebook, having to look up the titles of tiddlers is a pain 😅
moftasa Steve (Gitter): I use syncthing to synchronise my tiddlywikis between my laptop, desktop PC and android phone. It works great, you may experience a few difficulties at first. I use TiddlyDesktop on the PC and laptop and it automatically takes backups which is great for solving conflicts.
moftasa I also suggest trying the Syncthing-Fork Android app which is better that the standard one. It is available on the F-Droid application store.
Hi everyone, I'm trying to render every tiddler with backlinks at the bottom and the source field at the top. Something like this:
Source: {{ !!source }}
---
Some content
---
Backlinks:
{{{ [all[current]backlinks[]] }}}It works inside a specific tiddler, but breaks everything if I try and change the config/ui/viewTemplate shadow tiddler. Any help would be appreciated, I'm really hoping I don't have to manually put this inside each tiddler. :pray:
悪 Nooo, don't modify $:/config/ui/viewTemplate that's not how you should go about it! there is a different way.
Can you try to: Create a new tiddler with any name. Write this contents that you do already. And the magic here: add tag $:/tags/ViewTemplate and a field called list-after with value of $:/core/ui/ViewTemplate/body . That's all.
This is where the magic happens. by using that system tag $:/tags/ViewTemplate you tell the inner engine that renders the wikis to include your template (the code you wrote) as part of all tiddlers! (You can do them conditionally with list widget or reveal widget!)
list-after is a field value that has a little special meaning we simply told it to appear after the body...
Also looking at your code, you will need to create 2 of these... One for Source and one for Backlinks, with the sole difference that Source should have list-before while Backlinks should have list-after
That way you will have "some content" in the middle!
Good luck and have fun with TiddlyWiki!
@matrixbot that's amazing, thank you so much. It works. :smiley:
Reference incase anyone needs an example.
source field value is not set?
1 reply
悪 I quickly took a look at your wiki. Basically replace the tiddler text of tiddler "Tiddler Header" with...
<$reveal type="nomatch" text="" default={{{ [ {!!source} ] }}} >
Src: {{!!source }}<br> <hr>
</$reveal>This may look complicated a little, but it isn't.... Basically, we'd use a reveal widget that is of type "nomatch" with empty text... now for the default we use a filtered transclusion and then we make a filter list if there is a source field in there (in filter notation the curly braces reduce by one. This is how the reveal widget can be used with filters by abusing the default value. That way when the default value is computed, it will be compared with text. So if text doesn't match empty text, it will be displayed.
悪 Edit: No spaces between [ {!!source} ] it doesn't work as intended that way (recognized as filter list) it must be [{!!source}]. Working Edited version below:<$reveal type="nomatch" text="" default={{{ [{!!source}] }}} >
Src: {{!!source }}<br> <hr>
</$reveal>悪 I initially added the space to make it more readable but it broke as functionality so that's why I edited it. You can also use this same way but you can customize it further. Anyway just for the sake of explanation here is what the brackets meant
{{{ }}} - filtered transclusion (replaces quotes and enables filter notation)[ ] - defines a new filter list (you put filter operators in there) https://tiddlywiki.com/#Filter%20Operators{!!source} - transclusion but in filter operator form (i.e. 1 less curly brace)
1 reply
悪 Well, I personally tried to learn from reading Tiddlywiki.com and checking how other people did their wikis (by not being shy to press the pencil button to edit it)
So as a starting point I'd say to check here
https://tiddlywiki.com/#Widgets
and try to experiment with widgets... I think most useful ones are reveal (with the trick I used here on default), list widget, transclude widget, view maybe? tiddler widget, edit-text widget , set widget and wikify widget? I think those are what I can recall from the top of my head from using them fairy often
Hello all,
I'm currently putting together a chart for note-taking/pkm apps and I wanted to pass the TiddlyWiki list I've compiled to the community to double check its accuracy. If I could get someone affiliated with the app, perhaps @Jermolene , to sign-off on it I will note that on the chart (I will also note if there was a lack of sign-off).
Feature definitions and emoji keys are listed here (if there is no emoji it's either a title row or I was unable to verify the feature status to my own satisfaction):
https://gist.github.com/short2things/0b286abb6e9c305daf492d68abde31d8
I'm also trying to add plugin names if a feature is implemented as a plugin rather than a core feature of the app. If that info is inaccurate or missing, I would greatly appreciate help in tracking it down.
If anyone wants any features added or needs further explanation just ping me and I will try to respond accordingly.
Thanks much all and happy noting!
s2
| features | [[tiddlywiki]] |
|---|---|
| general | |
| [[local file first storage]] | ✅➕ |
| [[revenue flow]] | 🆓 |
| [[feature modularity]] | ✅ |
| syntax | |
| [[backlinks]] | ✅ |
| [[markdown]] | 🔌 |
| [[math syntax]] | |
| [[tags]] | ✅ |
| [[titles w whitespace]] | ✅ |
| [[yaml frontmatter]] | ⬜️ |
| [[viz (prescriptive)]] | 🔌 (tiddlymap) |
| note interaction | |
| [[preview edit]] | ✅ |
| [[wysiwig edit]] | ⬜️ |
| note navigation | |
| [[foldable bullets]] | ⬜️ |
| [[hover preview]] | ⬜️ |
| [[jump to note]] | ✅ |
| [[multiplexer]] | 🔌 (stroll) |
| [[search (fuzzy)]] | ✅ |
| [[srs]] | ⬜️ |
| [[view (backlinks)]] | ✅ |
| [[view (context)]] | ⬜️ |
| [[view (git)]] | ⬜️ |
| [[view (tags)]] | ✅ |
| [[viz (descriptive)]] | ⬜️ |
| notes structure | |
| [[aliasing]] | 🔌? |
| [[disambiguation]]* | ⬜️ |
| [[embed]] | ✅ (transclusion) |
| [[hierarchies]] | ⬜️ |
| popular | |
| [[capture]] | 🔌 (savetiddlers) |
| [[citation tracking]] | |
| [[daily note]] | |
| [[global sync]] | ⬜️ |
| [[image embeds]] | ✅ |
| [[live collab]] | ⬜️ |
| [[publish as site]] | 🧰 |
| [[sliding panes]] | ⬜️ |
| [[version control]] | ✅ |
| devs | |
| [[foss]] | ✅ |
| [[plugin ecosystem]] | ✅ |
| forward | |
| [[schema]] | ⬜️ |
| [[versioning-published-notes]] | ⬜️ |
| conceptual | |
| [[node focus]] | [[tiddler]] |
https://doc.rust-lang.org/stable/reference/items.html
""", but that doesn't preserve indentation
I'm finding the need for namespaces. more specifically, if I outline a book, I create a tiddler for each chapter, let's say. to make it obvious it belongs to that book, I prefix the title of the tiddler with the title of the book.
is there any alternative to this? what do you folks do?
one reason I don't like this is that it clutters the search results
悪Well, I personally tried to learn from reading Tiddlywiki.com and checking how other people did their wikis (by not being shy to press the pencil button to edit it)So as a starting point I'd say to check here
https://tiddlywiki.com/#Widgets
and try to experiment with widgets... I think most useful ones are reveal (with the trick I used here on default), list widget, transclude widget, view maybe? tiddler widget, edit-text widget , set widget and wikify widget? I think those are what I can recall from the top of my head from using them fairy often
this site helpend me alot: https://btheado.github.io/tw-widget-tutorial/
First of, I do not know the answer and can't help you, so I hope someone else would.
I don't know what would be a nicer development environment for TiddlyWikis. My best bet would be using TiddlyWiki-Bob server that allows real time updating of .tid files while using it under Visual Studio Code where someone created a TiddlyWiki syntax highlighter for it. Apart from that, I'd like to know a nicer way as well.
You mentioned Bullet Journal? I am sure you know this, but I want to show it to you just in case, saqimtiaz made a great plugin/edition in TiddlyWiki that is based on bullet points, so check it out here if you haven't (maybe you can learn something from his code): https://saqimtiaz.github.io/streams/
Thank you for sharing that site, I found it helpful for myself as well I have to learn how to do even more in TiddlyWiki, but with time...
Sorry for not answering your question at all...
Have a nice day or evening. Good luck too.
I finally found tiddlywiki in search for a good combination for multiplatform notetaking + as a basis for a "digital garden " + blog type website. and I think it's a really good base.
(coming from here: https://nesslabs.com/digital-garden-tiddlywiki, f.e.)
But it's pretty extensive for a nondev like me to find all the helpful information, maybe y'all can help me save some time 😅
So I essentially want to be able to sync a wiki across multiple platforms, maybe using my nextcloud acount (I discovered a webdav feature) and host a website via gitlab pages.
Therefore some questions:
- are the foldered node.js and the singefile html wikis convertible? (more of a general question - its nice to be able to play around wiki configurations without setting up the node environment in the first place and vice versa the html format is great for portability i guess)
- does installing the wikiserver extension for node.js make sense for this (I can generate static files and push them to gitlab already ( compiling doesn't work yet) , and sync via webdav seems more easy (and secure?))
- are there more themes/guides for the ssg use then those two , that i missed, bc I think this is a really undervalued feature (especialy since the digital gardening thing seems to be some kind of discussion)
- finally do you know an example of using tiddlymap as a base for a navigation graph in a static website? like here: https://digital-garden-jekyll-template.netlify.app/your-first-note
Yes, you can convert back and forth from a TiddlyWiki folder and HTML version in varioues ways. One way that I prefer is dragging and dropping the HTML file to the server tiddlywiki at the upper 1/3rd and to save it as HTML just clicking on the syncer cloud and I get HTML. There is also command line option via TiddlyWiki on node.js
(partial answer) Installing TiddlyWiki on node.js via
npm install tiddlywikiand using that server installation to locally host yourself (loopback/127.0.0.1 no one but your own machine can reach it), from there the folder will have each tiddler as an individual .tid file, which is similar to a .txt file (or .md for markdown) but with a structure. Now if it is more secure or not, is up to you. Though I think if you use webdav, TiddlyWiki can automatically save to a WebDav space if you view it as HTML. This is confirmed to work for sure with Webdav from gmx.com but I think it should work with nextcloud too, as long as you can input the webdav address in your browser (webdav is meant to work with http so browsers work with it) and from there open a tiddlywiki.html and try to edit it and press the save button and see if it gets saved.Yes, there are, go to the control panel and select plugins tab and get more plugins, from there there is a tab called themes, it is kinda easy to miss. Alternatively on the internet (which are kinda difficult to find so use the tool list made by the community in dynalist) to find themes like this one https://nicolas.petton.fr/tw/notebook.html
4(not answered). I am sorry, but I do not. I have no idea how a tiddlymap would work in a static site aside from looking like static image at most. (without additional tinkering). Maybe ideally it would be to link back to the active live HTML version of a wiki. Static sites are nice for search engine optimization and if it is human to just link back directly to the tiddler where it is on the HTML version from a static page...
- was about the plugin tiddlyserver https://arlen22.github.io/tiddlyserver/ ... it seems pretty cool but also confusing and i guess i can live without it ^^
- I mean for designing the static site, not really the wiki itself ... I actually want it to look different then the original wiki ... implement sidebars, search, visualizations of the "wiki-web" (which the tiddlymaps question was for), maybe templates for different parts of the site
- You can use TiddlyServer as a "saver mechanism", but that doesn't substitute the need to also have
npm -g install tiddlywikiso that you can run your owntiddlywikicommand line for static site generation. Basically, they do not conflict at all, but you cannot make a static site from just having TiddlyServer (but of course to my limited knowledge). I use TiddlyServer and it is great for self-hosting TiddlyWiki folders and HTML files so that saving is seamless.
backlinks[] filter operator in the static template to generate the graph that should be self-contained somehow in the static HTML and just point the links. I am sure it is doable, but I am not knowledgeable of an existing solution that works out of the box for static sites. but I hope this gives you pointer where to go about achieving it. (it kinda reminds me of a graph plugin but I do not really recall if it is what you want or what the name was even)
When i open the Wiki i set up on my PC on my Android Phone it doesn't compute the changes i made, especially my Plugins, but also my Test tiddlers
Instead it shows "getting started" and after that Text that seem to be the Missing tiddlers
GettingStarted is part of the default tiddler list that's for home tiddlers. You must manually configure what tiddlers you want as home tiddlers. These home tiddlers are up to you to define, but I believe that they should just be the main source of how to start to find the rest of your tiddlers. In the way you want them to be. Personally, for my different Wikis, this is just different. Anyway, to configure this. Go to Control Panel (Cogwheel from sidebar) scroll down a little bit. You will see... "Default Tiddlers"
Now there, you must write a valid tiddler list? It sounds scary, but it is not. A tiddler list is just Names of tiddlers (or potential such) separated by a space. Your Tiddler has a space in the title? Then surround it with square brackets like so [[My Epic Navigation]]
This is pretty much the first thing I do when I start a new empty wiki at least on the server side.
Edit: Actually, to make things more readable, you can insert Tiddler names separated by new line. It functions the same way. I said space, because that's the standard way for valid "Tiddler lists". However, in there I always just hit new line simply because it works there with no problems and is way more readable and easier to edit.
You can check the Control Panel at https://tiddlywiki.com/ you will see that it has the following tiddler names for default Tiddlers:
HelloThere
GettingStarted
CommunityI am sorry but I cannot help without having more ideas what setup you have or what you are doing. However, I can make one stupid assumption from:
Wiki i set up on my PC on my Android Phone
Wikis do not update in simultaneously on 2 devices. You must refresh the page after you used it on one device. That way a fresh and most current instance is loaded. Tiddlywiki is personal so it is designed for 1 person to use it on as many devices as needed, as long as this is kept in mind. That is one stupid assumption I made to try to give you something other than only that I cannot help. Maybe I could, if you share more how you had done things.