A tiddler is often opened using the displayTiddler() method of the Story object.
When opened, the TW core creates and inserts a DOM element. This element is given an id comprising of the prefix tiddler and the tiddler title, such as
The tiddler is opened in a HTML element. The Story object, by default, uses an element that has it's id set to tidderDisplay.
All tiddlers you currently have open will be contained in the #tiddlyDisplay element.
The core renders the ViewTemplate (HTML syntax) into that DOM element, and then processes any special extended TW syntax defined within that template. An example of this extended TW syntax would be
After handling the extended HTML syntax and rendering the output within the #tiddlerTiddlerTitle element the process of opening a tiddler is complete.
When opened, the TW core creates and inserts a DOM element. This element is given an id comprising of the prefix tiddler and the tiddler title, such as
tiddlerSiteTitle.The tiddler is opened in a HTML element. The Story object, by default, uses an element that has it's id set to tidderDisplay.
All tiddlers you currently have open will be contained in the #tiddlyDisplay element.
The core renders the ViewTemplate (HTML syntax) into that DOM element, and then processes any special extended TW syntax defined within that template. An example of this extended TW syntax would be
<div class='title' macro='view title text'></div>which enables TW to retrieve and display the title of the tiddler. Read more about how TW handles this extended syntax
After handling the extended HTML syntax and rendering the output within the #tiddlerTiddlerTitle element the process of opening a tiddler is complete.