Methods for Completely Overriding the TiddlyWiki Interface

Tips & Tricks
, ,
#1

Methods for Completely Overriding the TiddlyWiki Interface

Method One: Create a New Layout

Use a new layout to replace the default TiddlyWiki display.

  • Can call TiddlyWiki API: Yes;
  • Can execute JS: No;
  • Retains TiddlyWiki functionality: Can switch back to default TiddlyWiki interface;

Procedure:

  • Create a new tiddler.
  • Add the tag: “$:/tags/Layout”
  • Edit the tiddler and add the content you want to display. The content format is HTML, not TiddlyWiki, so you need to convert it using wikify.
  • Add a field: name. The field’s value is the layout name.
  • Save and close the tiddler.
  • Use the hotkey Ctrl+Shift+L to switch to the newly created layout.

Method Two: RawMarkup

Place the content to be displayed within RawMarkup. RawMarkup allows writing any HTML code, including JavaScript. RawMarkup executes before TiddlyWiki loads.

  • Can call TiddlyWiki API: No;
  • Can execute JS: Yes;
  • Retains TiddlyWiki functionality: Can switch to default TiddlyWiki interface;

Method:

  • Create a new tiddler.
  • Add tag: “$:/tags/RawMarkup”
  • Edit the tiddler and add the content to be displayed.
  • Save and close the tiddler.
  • Next, make RawMarkup content fill the entire screen.
  • Create a new tiddler.
  • Add the tag: “$:/tags/Layout”
  • Keep the tiddler content empty.
  • Add a field: name. The field’s value is the layout name.
  • Save and close the tiddler.
  • Save and refresh TiddlyWiki.
  • Use the hotkey Ctrl+Shift+L to switch to the newly created layout.

Method Three: Hide all visible TiddlyWiki elements.

Edit the CSS to hide all elements.

  • Can call TiddlyWiki API: Yes;
  • Can execute JS: No;
  • Retains TiddlyWiki functionality: Can switch to default TiddlyWiki interface;

Method:

Method Four: Remove display-related TiddlyWiki modules.

Remove display-related TiddlyWiki modules.

  • Can call TiddlyWiki API: Partially;
  • Can execute JS: Yes;
  • Retains TiddlyWiki functionality: Partially;

Method: