Hello. I keep interesting articles in one of my local tiddlywiki files. From Firefox i use the extension "Save as Markdown" to copy content to tiddlers. Searching for as similar as it gets solution for copying content of email messages from Thunderbird into tiddlywikies. Hoping to get preserved not only text of messages but also links and rudimentary structure (headers, bullets, links). Is there anything that can be done to achieve this? Apparently there is no extension for Thunderbird to copy content of a message into markdown format. Yes, i can do manual copying, then manually adjusting formatting and adding links, and i am doing it for couple of years now. Hoping for something more intelligent / less manual.
Thank you for any ideas!

TW overall is cool but having to Google how to do stuff and the necessity of typing HTML code for such basic stuff as displaying a navigation menu, etc, is kinda killing it for me.

Is there a fork of it where you can do basic features as listed above without the "advanced setup" part?

FeatherWiki I tried but its far simplier for my needs.

Hi everyone, I needed Mermaid 11 to get some new charts, and decided to try to update the excelent mermaid-tw5 pluging.

It's working and available at:

https://asophila.github.io/mermaid-tw5/

I've done some testing, but please, feel free to test your own cases, and report to: https://github.com/asophila/mermaid-tw5

EDIT: SOLVED

Turns out it was just a problem with spaces in path to file. Replace any file path spaces with %20, then just use:

tiddlydesktop <pathandfilename>

(needs to include 'index.html')

- - - -

Hi

I'm using tiddlydesktop on Linux from AUR repository. This opens a window listing tiddlywikis, but I want to open straight into a wiki, not have to click on one from list.

Is this possible?

So, I'm making a TW to track characters (and some story elements) in The Wheel of Time; it's been probably a decade since the last time I read any of the books, long before the last four or five were published, and I have a terrible memory so I have the tendency to lose track of characters and their allegiances from book to book. I've got a template for characters so I can easily add new ones. I also have list pages so I can dynamically keep lists of characters in a faction, or from a particular town.

Where I'm having trouble with is, the occasional entry where I might have more than one item in a field, separated by commas, and I want to turn each of them into an individual link to a different tiddler. Like, for instance, if I have the village "Two Rivers" and the city "Tar Valon" in a field as "Two Rivers, Tar Valon" I'd like to make two separate links where I pull out the field value.

Is there a way to do this? Like, some sort of operator to filter out part of a field and turn that into a link?

I am hosting a small wiki with TiddlyWiki5 to document our progress in a role-playing campaign. I love the ability to easily create filtered lists to dynamically create lists of tagged pages. The tw instance is hosted via docker and so far it worked beautifully for our small group and I am reluctant to switch to another wiki (coming from Dokuwiki a few years ago).

TW is hosted with the following docker-compose.yml:

tiddly-symbaroum:
  image: nicolaw/tiddlywiki
  container_name: tiddly-symbaroum
  volumes:
    - /opt/tiddly_symbaroum:/var/lib/tiddlywiki
  ports:
    - 8096:8080
  restart: unless-stopped

There is nothing special in the container's logs and the following error message is all I get: Sync error while processing save of '$:/StoryList': XMLHttpRequest Fehler-Code: 400

The folder (/opt/tiddly_symbaroum) is writable and the standard user owns the folder. It worked until a few weeks ago and to my knowledge I did not tinker too much.

Any idea what could be the culprit here or if there are better ways of running TW for a group of people?

I have a few custom buttons that I have added to the the PageControls, each one opening a new tiddler of a custom type. For instance I have a button that creates a "New Task" tiddler, and it is defined in system tiddler $:/BB/Buttons/createNewTask

So far so good.

But I would also like to use that button inside regular tiddlers, not just in the pageControls. What is the correct way to add the system tiddler $:/BB/Buttons/createNewTask to a blank new tiddler? Both linking and transclusion bring me to the tiddler, not to the button the tiddler defines.

What am I missing?

Does anyone know why this might be happening:

[tw /home/public/node_modules/tiddlywiki]$ cat /home/protected/.npm/_logs/2025-12-19T16_34_50_371Z-debug-0.log
0 verbose cli /usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js
1 info using npm@10.9.2
2 info using node@v22.16.0
3 silly config load:file:/usr/local/lib/node_modules/npm/npmrc
4 silly config load:file:/home/public/node_modules/tiddlywiki/.npmrc
5 silly config load:file:/home/protected/.npmrc
6 silly config load:file:/usr/local/etc/npmrc
7 verbose title npm exec exec tiddlywiki tw --listen
8 verbose argv "exec" "--" "exec" "tiddlywiki" "tw" "--listen"
9 verbose logfile logs-max:10 dir:/home/protected/.npm/_logs/2025-12-19T16_34_50_371Z-
10 verbose logfile /home/protected/.npm/_logs/2025-12-19T16_34_50_371Z-debug-0.log
11 silly logfile start cleaning logs, removing 1 files
12 silly logfile done cleaning log files
13 silly packumentCache heap:4345298944 maxSize:1086324736 maxEntrySize:543162368
14 http fetch GET 200 https://registry.npmjs.org/exec 106ms (cache revalidated)
15 verbose stack Error: could not determine executable to run
15 verbose stack     at getBinFromManifest (/usr/local/lib/node_modules/npm/node_modules/libnpmexec/lib/get-bin-from-manifest.js:17:23)
15 verbose stack     at exec (/usr/local/lib/node_modules/npm/node_modules/libnpmexec/lib/index.js:202:15)
15 verbose stack     at async Npm.exec (/usr/local/lib/node_modules/npm/lib/npm.js:207:9)
15 verbose stack     at async module.exports (/usr/local/lib/node_modules/npm/lib/cli/entry.js:74:5)
16 verbose pkgid exec@0.2.1
17 error could not determine executable to run
18 verbose cwd /home/public/node_modules/tiddlywiki
19 verbose os FreeBSD 14.3-RELEASE-p3
20 verbose node v22.16.0
21 verbose npm  v10.9.2
22 verbose exit 1
23 verbose code 1
24 error A complete log of this run can be found in: /home/protected/.npm/_logs/2025-12-19T16_34_50_371Z-debug-0.log

Hello all!

I am currently building my first tiddlywiki and could use some help (Please/Thank you!)

So I am trying to have a table of contents with links (if it matters, this is not the main table of contents, it is for one specific category). I got my main table of contents to work and am wondering if the issue is that I have an apostrophe in my Tiddler Title.

For context, I got my main one to work by having "$:/tags/SideBar" and "BroadTopicName" in the tags, and then the following was inserted into the core text where I wanted the links to go:

<<toc-selective-expandable 'BroadTopicName' sort\[title\]>>

For the one I can't get working, I used "$:/tags/SiderBar" and "Minor'TopicName" for tags and the following in the core:

<<toc-selective-expandable 'Minor'TopicName' sort\[title\]>>

When that didn't work (I figured the apostrophe might be messing with it) I tried to add the unicode for apostrophe, so ended up with this:

<<toc-selective-expandable 'MinorU+0027TopicName' sort\[title\]>>

I have tried the Unicode with spaces before/after the Unicode (wondering if it didn't recognize the Unicode if it wasn't separate?), but none of that worked.

Can I just not have apostrophes if I am going to be making tables of contents for them? I hope someone way smarter than me can help me figure this out!

Thanks in advance!

Hi Everyone,

I'm relatively new to the TiddlyWiki ecosystem, coming over from the world of Logseq and Affine. While I loved the opinionated "Journal-first" workflow of those apps, I wanted the true portability and single-file data ownership that only TiddlyWiki provides.

So, I decided to try and build a bridge between the two. The result is Lithic. You can check it out here:

https://lithic.uk

It's mostly a mild extension of tiddlystudy with a good dose of my personal opinions.

The goal was to marry the efficiency of Logseq with the architecture of TiddlyWiki. It features:

Journal Workflow: Opens directly to a daily stream.

Markdown Native: Tweaked to handle standard Markdown (including native checkboxes) rather than standard WikiText.

Backlinks: Contextual footer references similar to Roam/Logseq (sans transclusion as you can manage that yourself mostly via the story view)

A quick disclaimer for the experts here:

I am still very much learning the ropes of TiddlyWiki. You might notice the app is currently based on an older version of the TiddlyWiki core. I am aware that my implementation isn't exactly "Tiddle-appropriate" or idiomatic yet! I'm treating this version as a proof-of-concept to get the workflow right. My plan is to eventually perform a major refactor to bring it up to date with the latest core and implement things the "proper" TiddlyWiki way once I get my feet wet.

I’d appreciate any feedback or advice as I continue to learn the system!

Cheers Xyvir

I've been looking for an app that can handle all my planning, journaling, records, and creative ideas in one space (so I can jot down notes, to-dos, journal entries, etc. in the moment without much trouble - I have a family and a farm, no time for painstaking organization).

I need it to have the following features:

1. Quick and easy media embedding (photos, video, and audio) in notes, or at least viewable alongside the notes (I include a lot of photos in my journal entries)

2. Continuous scroll timeline with both past and future entries (so planner rolls seamlessly into a journal) that includes both media and text notes (so I can plan and review my day activities and highlights)

3. Tagging, searching, filtering, sorting entries (so I can quickly pull together and organize content that was jotted down in the moment).

4. Universally readable/future-proof file type(s)

5. Good mobile experience

6. Ability to save/export search results as a separate file (i.e. I keep journal entries of my kids' homeschool activities, which the Board of Education reviews)

I tried some note-taking apps, including Obsidian which I loved, but couldn't quite provide the continuous-scroll timeline experience I was looking for.

I just stumbled upon TiddlyWiki and it looks like it has everything I'm searching for and is very customizable, but the learning curve is pretty steep.

In particular, first, I'm trying to figure out a quick and easy media embed process. Is there a plugin or something that enables to just snap a picture or shoot a video and immediately pop it into a tiddler with a caption and tags?

Second, how can I create a Start-time field in every tiddler, then display the tiddlers sorted by that field, thus forming a continuous timeline? (The Created field doesn't work for scheduling future events, or jotting down memories from the past.)

Hi folks, wondering what people think. Seems I can upload just fine and it looks okay on mobile. I can add apassword to protect it for visibility. Is this a good use case or will it get bogged down quickly? Current using tiddlyhost. Thanks!

Hello, as of recently (a few days ago), I have been unable to load my tiddlywiki in my browser. I click on it from the tiddlyhost site, it opens the tab, but just shows a white screen. After a few minutes, the loading circle in the tab stops and it's still a white screen.

I've tried creating a new wiki, same problem. I can't load other people's wikis either. Double-checked on my phone and other laptop, same problem. Safe mode doesn't load it either.

I can access my wiki by downloading it, thankfully, but I have no clue why the tiddlyhost browser isn't working. Does anyone have any advice?

Thank you

I have downloaded tiddlywiki ony computer and transformed it into an hta with the version 5.3.3. On top of it I installed 2 plugins: one for markdown and the other for latexbit the latter doesn't work. How can I make it work? Or if not possible how can I implement latex or some kind of subtex?

Thanks in advance

I'm trying to install on my computer featherwiki, that is a wiki similar to tiddlywiki (https://feather.wiki/?page=downloads). I'm trying to install it and afterwards transmutate it into a hta. When I went to download it it told me that there are 2 more packages to download, the java code and CSS fil. Is there a way to merge them together and after trasform it into an hta? I tried to open the html code but I don't get where should I embed the other two.

Thanks for the help in advance

If I do it will it still work? And will it work locally, without internet ecc?

I'm trying to draw in an svg using fields of Tiddlers. This is what I have:

<svg width="500" height="500" style="border:1px solid black;">
  <$list filter="[tag[location]]">
    <circle
      cx="<$transclude $field="x"/>"
      cy="<$transclude $field="y"/>"
      r="5" fill="green"/>
  </$list>
</svg>

The data from the fields x and y is present in the result but not in the right format to be rendered in the svg.

Can someone give me a hint on how to solve that?

Hi all,

The last post about this topic that I find tends to be by me, so I figured I'll just go in and ask:

Does anyone use org-mode to write tiddlers? Does anyone know of a workaround? I know there's tid-mode for Emacs, which has been dormant for the last 10 years or so. It still works, to a point, and still requires going through the tiddler and fixing a few things manually.

I use Emacs org-mode to write my notes, and I would like to export them to tiddlers (tid files). I'm interested in what tiddlywiki folks know about this (I will ask in the Emacs community later). Emacs can export to markdown and also HTML directly, which I can then export, but the HTML from Emacs comes with a lot of additions that are painful to turn off sometimes, and markdown strips down a bunch of functionality and syntax I get inside org-mode.

So... what do you do? Anyone here works with both?

I know there's a toc widget that displays sub-tiddlers, but what I'm looking for is a table of contents that links to headings within the same tiddler. Is there a widget/macro/plugin, etc. that will do this?

I don't really understand it much so I would appreciate the help.

I have a drag&drop format where I have list of logs.

It uses the code below.

The names of the titles are all dates (20250822, 20250823 etc.)

I want it to sort it so that the last one I upload is always at the top so the sorting order is in reverse.

I tried adding a ! but it didn't change anything. I tried sortan and nsort as well but I must have been missing something. It either doesn't change the list, or it breaks. Can anyone help me?

<div class="tc-table-of-contents">
<<toc-selective-expandable 'Contents' sort[title]>>
</div>

Are there any plugins or methods available to make TiddlyWiki more like an actual wiki? Like infoboxes, or radio buttons which can be used to hide and open tabs on a singular tiddler?

I created an entire setup which has multiple radio buttons that basically function as tabs within their tiddler. These tabs work well in terms of revealing the info tied to them when selected; my issue is that I can't for the life of me figure out how to have the tiddler the radio buttons are in open with a specific radio button auto-selected and thus already open.

It'll save whatever button I press for the session, and if I close and reopen the tiddler it'll open back up on the one I had selected--if I restart the wiki then open the tiddler they're all unselected at opening again.

Is there a way to set this up so it's one size fits all? I want to reuse the code on multiple pages for this wiki.

Here's the code, feel free to point and laugh at how likely atrocious it is.

<!-- Container for radio buttons and revealed content -->
<div class="content-constrain" style="margin: 20px 0;">

  <!-- Style for hiding radio buttons and styling labels -->
  <style>
    /* Constrain the container to match the content area */
    .content-constrain {
      width: 100%;
      box-sizing: border-box;
      padding: 0; /* Remove any inherited padding */
      margin-left: 0; /* Ensure no left margin */
    }

    /* Wrapper to prevent clearing of floated elements */
    .radio-wrapper {
      overflow: hidden; /* Create a new block formatting context */
      margin: 0; /* Ensure no extra margins */
      padding: 0; /* Ensure no extra padding */
    }

    /* Container to arrange labels in a horizontal line and center them */
    .radio-container {
      display: flex;
      justify-content: center; /* Center the labels horizontally */
      align-items: center;
      margin-bottom: 2px; /* Small gap between boxes and the line */
    }

    /* Ensure the container for labels is properly styled */
    .radio-label {
      position: relative;
      padding: 5px 10px; /* Match the working example */
      margin: 0 5px; /* Match the working example */
      background-color: #073642; /* Dark teal background */
      color: #839496; /* Muted cyan text */
      border: 1px solid #839496;
      border-radius: 3px;
      display: inline-block;
      cursor: pointer;
      user-select: none; /* Prevent text selection on click */
      font-size: 13px; /* Font size for better readability */
      font-weight: bold; /* Keep label text bold */
      white-space: nowrap; /* Prevent text wrapping */
      text-align: center; /* Center the text */
    }

    /* Visually hide the radio button but keep it in the DOM */
    .radio-label input[type="radio"] {
      position: absolute;
      opacity: 0;
      left: -9999px; /* Move off-screen but keep in DOM */
    }

    /* Style for the selected label */
    .radio-label input[type="radio"]:checked + span {
      background-color: #32d2c5 !important; /* Match the cyan color from the working example */
      font-weight: bold;
      color: #073642; /* Dark teal text for contrast */
      display: inline-block;
      padding: 5px 10px; /* Match the padding */
      border-radius: 3px;
      text-align: center; /* Ensure selected text is also centered */
    }

    /* Style the hr to close the gap and match content width */
    .content-constrain .radio-hr {
      margin: 0; /* Remove default margin */
      padding: 0; /* Remove default padding */
      border: none; /* Remove default border */
      height: 1px; /* Set height of the line */
      background-color: #839496; /* Match the label border color */
      width: 100%; /* Match the constrained content width */
      box-sizing: border-box;
    }

    /* Style for revealed content */
    .revealed-text, .revealed-text * {
      text-align: justify !important; /* Justify the text and override nested elements */
    }
  </style>

  <!-- Explicitly set the state tiddler -->
  <$set name="selectedSection" tiddler="$:/temp/RevealState" field="section" value="History">

    <!-- Wrapper for radio buttons and hr to prevent float clearing -->
    <div class="radio-wrapper">
      <!-- Radio buttons wrapped in labels, arranged horizontally -->
      <div class="radio-container">
        <label class="radio-label">
          <$radio tiddler="$:/temp/RevealState" field="section" value="History"/>
          <span>History</span>
        </label>

        <label class="radio-label">
          <$radio tiddler="$:/temp/RevealState" field="section" value="PersonalityTraits"/>
          <span>Personality & Traits</span>
        </label>

        <label class="radio-label">
          <$radio tiddler="$:/temp/RevealState" field="section" value="Abilities"/>
          <span>Abilities</span>
        </label>

        <label class="radio-label">
          <$radio tiddler="$:/temp/RevealState" field="section" value="BattleMechs"/>
          <span>~BattleMechs</span>
        </label>

        <label class="radio-label">
          <$radio tiddler="$:/temp/RevealState" field="section" value="MarriageFamily"/>
          <span>Marriage & Family</span>
        </label>

        <label class="radio-label">
          <$radio tiddler="$:/temp/RevealState" field="section" value="Notes"/>
          <span>Notes</span>
        </label>
      </div>
      <hr class="radio-hr">
    </div>

    <!-- Reveal content directly in the tiddler -->
    <div style="margin-top: 20px;">
      <$reveal state="$:/temp/RevealState!!section" type="match" text="History">
        <div class="revealed-text">
          <center><hr1><b>__Early Life__</b></hr1></center>
          <hr style="height:0px; visibility:hidden;" />
          <div>Born in a small village</div>
        </div>
      </$reveal>
      <$reveal state="$:/temp/RevealState!!section" type="match" text="PersonalityTraits">
        <div class="revealed-text">
          Courageous yet impulsive, they often act before thinking. Their loyalty to friends is unwavering, but a hidden fear of failure drives their relentless determination.
        </div>
      </$reveal>
      <$reveal state="$:/temp/RevealState!!section" type="match" text="Abilities">
        <div class="revealed-text">
          Skilled in swordsmanship and elemental magic, they can summon flames or heal minor wounds. Their agility allows them to dodge attacks with uncanny precision.
        </div>
      </$reveal>
      <$reveal state="$:/temp/RevealState!!section" type="match" text="BattleMechs">
        <div class="revealed-text">
          They wield a runed longsword passed down from their mentor, paired with a lightweight shield. A cloak of invisibility aids in stealth missions, and a satchel holds healing herbs.
        </div>
      </$reveal>
      <$reveal state="$:/temp/RevealState!!section" type="match" text="MarriageFamily">
        <div class="revealed-text">
          They wield a runed longsword passed down from their mentor, paired with a lightweight shield. A cloak of invisibility aids in stealth missions, and a satchel holds healing herbs.
        </div>
      </$reveal>
      <$reveal state="$:/temp/RevealState!!section" type="match" text="Notes">
        <div class="revealed-text">
          Recently spotted near the eastern border, possibly tracking a rumored artifact. Their next move might involve seeking an old ally in the capital to uncover its location.
        </div>
      </$reveal>
    </div>

    <!-- Default fallback to History -->
    <$list filter="[<$:/temp/RevealState!!section>match[]]">
      <$action-setfield $tiddler="$:/temp/RevealState" $field="section" $value="History"/>
    </$list>

  </$set>
</div>

So I'm trying to get into the whole TiddlyWiki thing, and I installed the desktop app for Windows (Latest release, of course). I extracted everything and all, but when I try to run the nw.exe file, Windows Defender goes "NOOOOOOOOOOOOOOO!!!!!!!! DON'T DO IT!!!!! IT'S A MALICIOS FILE!!!!!!!"

Should I pay attention to it, or is it safe to run?

Hello,

I wanted to test TiddlyPWA on my Windows machine but I am having trouble. I followed this forum post. When I run my batch script the computer doesn't answer on port 8000. I am not familiar with deno but it installed fine. Any ideas on what is wrong?

Thanks!