Add Markup to Our TiddlyWiki Page


This post follows on from add tasks to our TiddlyWiki page

Create a new Tiddler

  • create new tiddler
  • click show preview

Enter some text in the left box

line breaks can be added by encapsulating our text inside three double quotes

!!Title
"""
this is some text
this is a new line
"""

alternatively you can embed HTML into the text

!!Title

this is some text<br/>
this is a new line

Use the formatting buttons to format your text

Alternatively google tiddlywiki markup cheatsheet

Here’s a good example: https://www.cheatography.com/simon-fermor/cheat-sheets/tiddlywiki/

Importing Images

To import an image – drag it from your desktop onto the browser page

once you release the image it will create a new Tiddler

click on import

This image has now been imported into our actual HTML page as raw code, and we can insert it into any tiddler by copying the title and pasting it into our tiddler inside double curly braces.

Going back to our New Tiddler we can do this:

!!Title

{{1803278949_821accfb22_z.jpg}}
this is some text<br/>
this is a new line

Linking to Images

copy our image into the same folder or a subfolder of our wiki page

!!Title
[img[notepad.jpg]]
this is some text<br/>
this is a new line

to resize our image

!!Title
<img src="notepad.jpg" style="width: 70px; "/><br/>
this is some text<br/>
this is a new line

for more information look at https://manuals.annafreud.org/tiddlywiki/

One comment

Leave a comment