1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 10:07:19 +00:00

additions for the classicparserdemo edition

This commit is contained in:
buggyj 2014-09-01 11:11:44 +02:00
parent 053929db3f
commit 3cc702faa0
35 changed files with 1171 additions and 0 deletions

View File

@ -94,6 +94,14 @@ node .\tiddlywiki.js ^
--rendertiddler $:/core/save/all markdowndemo.html text/plain ^
|| exit 1
rem classicparserdemo.html: wiki to demo classicparser plugin
node .\tiddlywiki.js ^
.\editions\classicparserdemo ^
--verbose ^
--output %TW5_BUILD_OUTPUT% ^
--rendertiddler $:/core/save/all classicparserdemo.html text/plain ^
|| exit 1
rem highlightdemo.html: wiki to demo highlight plugin

9
bld.sh
View File

@ -95,6 +95,15 @@ node ./tiddlywiki.js \
--rendertiddler $:/core/save/all markdowndemo.html text/plain \
|| exit 1
# classicparserdemo.html: wiki to demo classicparser plugin
node ./tiddlywiki.js \
./editions/classicparserdemo \
--verbose \
--output $TW5_BUILD_OUTPUT \
--rendertiddler $:/core/save/all classicparserdemo.html text/plain \
|| exit 1
# highlightdemo.html: wiki to demo highlight plugin
node ./tiddlywiki.js \

View File

@ -0,0 +1,12 @@
created: 20140417191319973
modified: 20140901082708004
title: $:/DefaultTiddlers
type: text/vnd.tiddlywiki
[[Classic Parser Plugin Demo]]
[[Classic Slider Demo]]
[[ClassicTabsDemo]]
[[Classic Transclusion]]
[[text/x-tiddlywiki typeblock]]
[[Markup]]
[[Developers Notes]]

View File

@ -0,0 +1,6 @@
created: 20140416191641926
modified: 20140417181106838
title: $:/ShowEditPreview
type: text/vnd.tiddlywiki
yes

View File

@ -0,0 +1,5 @@
created: 20140417192155748
modified: 20140417192155748
title: $:/SiteSubtitle
type: text/vnd.tiddlywiki

View File

@ -0,0 +1,6 @@
created: 20140417192135107
modified: 20140417192152339
title: $:/SiteTitle
type: text/vnd.tiddlywiki
Classic Parser Demo

View File

@ -0,0 +1,31 @@
created: 20140322080900815
dependents:
description: ckeditor adapter plugin
modified: 20140322080900815
plugin-type: plugin
title: $:/plugins/bj/Calendar
type: application/json
version: 0.0.1
{
"tiddlers": {
"$:/macros/buggyj/Calendar/entry.js": {
"text": "/*\\\ntitle: $:/macros/buggyj/Calendar/entry.js\ntype: application/javascript\nmodule-type: macro\n\n<<diary year month>>\n<<diary year>> - year calendar\n<<diary>> - this month\n\nOptions:$:/macros/diary/options.json\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\nCAL demo\n*/\n\nexports.name = \"calendar\";\n\nexports.params = [\n\t{ name: \"year\" },{ name: \"month\" },{ name: \"opts\" }\n];\n/*\nRun the macro\n*/\n\nexports.run = function(year, month,opts) {\nif (!opts) opts=\"default\";\nvar options = $tw.wiki.getTiddlerData(\"$:/plugins/bj/Calendar/json/config.json\")[opts]||\n\t\t\t\t{lastDayOfWeek:\"6\",formatter:\"\",titlebold:\"\",highlightThisDay:\"\",highlightThisDate:\"\"};\nvar createMonth;\ntry {\n\tcreateMonth = require(options.formatter).createMonth;\n} catch (e) {\n\tcreateMonth= function(mnth,year){\n\t\tvar month=[];\n\t\tfor (var i=1;i < 1+daysInMonth(mnth,year);i++) month[i] = i;\n\t\treturn month;\n\t}\n} \nvar boldtitle=(options.titlebold=='yes')?'!':'';\nvar day_of_week = $tw.config.dateFormats.shortDays;\nvar month_of_year = $tw.config.dateFormats.months; \nvar Calendar = new Date();\nvar thisyear = Calendar.getFullYear(); // year (xxxx)\nvar thismonth = Calendar.getMonth();\t// month (0-11)\nvar thisday = Calendar.getDay(); // day (0-6)\nvar WEEKFIN = parseInt(options.lastDayOfWeek); \nvar MONTHS_IN_YEAR=12;\t\t\t\t\t\n \nvar lf ='\\n';\nvar cal='<div>'+lf+lf; \nvar ayear=thisyear;\nif (!!month) {\n\tif (!!year) {\n\t\tcal+=calendar (month-1,year,options);\n\t} else {\n\t\tcal+=calendar (month-1,thisyear,options);\n\t}\n} else {\n\toptions.seperateYearHeading = 'yes';\n\tcal+=titleOfYear(year); \n\tif (!!year) ayear=year; \n\tfor(var i=0; i<MONTHS_IN_YEAR; i+=2)\n\t\tcal+=splicetable(calendar (i,ayear,options),calendar (i+1,ayear,options));\n}\nreturn cal+lf+lf+'</div>';\n\nfunction calendar (mnth,year,options){\n var month =\tcreateMonth(mnth,year,options);\n var blankdays = (firstDayInMonth(mnth,year)+13-WEEKFIN)%7;\n\treturn titleOfMonth(mnth,year)+createWeekHeading()+\n\t formatAsMonth(month,blankdays);\n}\nfunction titleOfMonth(mth,year) {\n\tif (!!options.seperateYearHeading ) {\n\t\treturn '|>|>|>|'+ centre(boldtitle+ month_of_year[mth]) +'|<|<|<|'+lf;\n\t} else {\n\t\treturn '|>|>|>|'+ centre(boldtitle+ month_of_year[mth] + ' ' + year) +'|<|<|<|'+lf;\n\t}\n}\n\nfunction titleOfYear(year) {\n\t\treturn '|>|>|>|>|>|>|>|'+ centre('!'+year) +'|<|<|<|<|<|<|<|'+lf;\n}\nfunction centre (x){ return ' '+x+' ';}\n\nfunction formatAsMonth(month,blankdays){\t\n\tvar theday,blank=['','|','||','|||','||||','|||||','||||||','|||||||'];\t\n\tvar cal=blank[blankdays];//pad out before first day of month\n\tfor(var i=1; i < month.length;i++){//first '0' month element is not used\n\t\tcal+='|'+month[i];\n\t\ttheday=(i+blankdays-1)%7;\n\t\tif (theday== 6) cal +='|'+lf; \n\t}\n\tcal+=blank[7-theday]+(7-theday>1?lf:'');//pad out rest of week, if no blanks then lf was added in loop\n\treturn cal ;\n}\nfunction createWeekHeading(){\n\t\tvar daystitle=[],weekdays= day_of_week.slice(0);\n\t\t// highlight today's day of week\n\t\tif (options.highlightThisDay=='yes')weekdays[thisday] ='!'+weekdays[thisday];\n\t\tfor (var i=0;i < weekdays.length; i++) daystitle[i] =centre(weekdays[(i+1+WEEKFIN)%7]);\n\t\treturn '|'+daystitle.join('|')+'|'+lf; \n}\nfunction daysInMonth(iMonth, iYear){\n\t\treturn 32 - new Date(iYear, iMonth, 32).getDate();\n\t}\nfunction firstDayInMonth(iMonth, iYear){\n\t\treturn new Date(iYear, iMonth, 1).getDay();\n\t} \nfunction splicetable (a,b) {\n\tvar i,cal='',taba =a.split('\\n'),tabb=b.split('|\\n');\n\tvar limit=(taba.length<tabb.length)?taba.length:tabb.length;//shortest\n\tfor (i=0;i<limit-1;i++) \t\tcal+=taba[i]+tabb[i]+'|'+lf;\t \n\tfor (;i < taba.length-1;i++) \tcal+=taba[i]+\"||||||||\"+lf;\n\tfor (;i < tabb.length-1;i++) \tcal+=\"||||||||\"+tabb[i]+lf;\n\treturn cal;\n}\t\t \n} \n\n})();\n",
"title": "$:/macros/buggyj/Calendar/entry.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/macros/bj/Calendar/journalfmt.js": {
"text": "/*\\\ntitle: $:/macros/bj/Calendar/journalfmt.js\ntype: application/javascript\nmodule-type: global\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\ncalendar demo\n*/\nvar Calendar=new Date();\nvar createMonth= function(mnth,year,options){\n\tvar month=[];\n\tfor (var i=1;i < 1+daysInMonth(mnth,year);i++) month[i] = createDate(i,mnth,year,options);\n\treturn month;\n}\nfunction createDate(i,mnth,year,options){\n\tvar strong='';\n\tvar date=(new Date(year, mnth, i));\n\tif (date.toDateString()===Calendar.toDateString()&&options.highlightThisDate==\"yes\") strong ='!';\n\treturn centre(strong+'[['+i+'|'+date.getDate()+\n\t ' '+$tw.config.dateFormats.months[date.getMonth()]+' '+date.getFullYear()+']]');\n}\nfunction daysInMonth(iMonth, iYear){\n\t\treturn 32 - new Date(iYear, iMonth, 32).getDate();\n\t}\nfunction centre (x){ return ' '+x+' ';}\nexports.createMonth = createMonth;\n})();\n",
"title": "$:/macros/bj/Calendar/journalfmt.js",
"type": "application/javascript",
"module-type": "global"
},
"$:/plugins/bj/Calendar/json/config.json": {
"type": "application/json",
"title": "$:/plugins/bj/Calendar/json/config.json",
"module-type": "library",
"text": "\n{\n\t\"journals\":{\n\t\t\"lastDayOfWeek\":\"1\",\n\t\t\"formatter\":\"$:/macros/bj/Calendar/journalfmt.js\",\n\t\t\"titlebold\":\"no\",\n\t\t\"highlightThisDay\":\"no\",\n\t\t\"highlightThisDate\":\"yes\"\n\t},\n\t\"default\":{\n\t\t\"lastDayOfWeek\":\"2\",\n\t\t\"formatter\":\"\",\n\t\t\"titlebold\":\"yes\",\n\t\t\"highlightThisDay\":\"yes\",\n\t\t\"highlightThisDate\":\"no\"\n\t}\n}\n"
}
}
}

View File

@ -0,0 +1,36 @@
_hash: a671a350dbb8f4917de9ffec36cc184be1fcd69b
created: 20121217004633000
creator: keithb
modified: 20140415164633773
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Basic%20Formatting/1335260:638b0282ddcebd9b6dbdb6f9e51a9f9410c2ad8a"
server.host: http://tiddlywiki.org
server.page.revision: 1335260
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Basic Formatting
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Basic Formatting
type: text/x-tiddlywiki
!Summary
//''Emphasizing''// @@text@@ __is easy__!
!Markup
| !Style | !Markup |h
|<html><b><i>bold</i></b></html>|{{{''bold''}}} -- two single-quotes|
|//italics//|{{{//italics//}}}|
|<html><b><i>bold italics</i></b></html>|{{{''//bold italics//''}}}|
|__underline__|{{{__underline__}}}|
|--strikethrough--|{{{--Strikethrough--}}}|
|super^^script^^|{{{super^^script^^}}}|
|sub~~script~~|{{{sub~~script~~}}}|
|@@Highlight@@|{{{@@Highlight@@}}}|
|{{{plain text}}}|<html><code>{{{PlainText No ''Formatting''}}}</code></html>|
|/%this text will be invisible%/hidden text|{{{/%this text will be invisible%/}}}|
|foo -- bar|{{{use two dashes -- between two words to create an Em dash}}}|

View File

@ -0,0 +1,55 @@
_hash: 816bced1fe527175bcf3be0fdf7dd2419989ea5e
created: 20110215174227000
creator: pmario
modified: 20140415164659711
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Blockquotes/1335259:2fe415fcc19e5d77f9ae8d000b8d37107c34a8c6"
server.host: http://tiddlywiki.org
server.page.revision: 1335259
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Blockquotes
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Blockquotes
type: text/x-tiddlywiki
!Summary
Use quotations to cite other sources or simply indent content.
!!Blockquotes
Text can be displayed as quotations using three less-than signs:
{{{
<<<
Steve Jobs: "computers are like a bicycle for our minds"
<<<
}}}
<<<
Steve Jobs: "computers are like a bicycle for our minds"
<<<
!Nested Blockquotes
Quotes can be displayed with multi-levels:
{{{
> blockquote, level 1
>> blockquote, level 2
>>> blockquote, level 3
}}}
> blockquote, level 1
>> blockquote, level 2
>>> blockquote, level 3
!!Mixed Blockquotes
{{{
<<<
Steve Jobs: "computers are like a bicycle for our minds"
> blockquote, level 1
Some more text.
<<<
}}}
<<<
Steve Jobs: "computers are like a bicycle for our minds"
> blockquote, level 1
Some more text.
<<<

View File

@ -0,0 +1,51 @@
_hash: 8e82a50e4e8f727c56f450b0b9a5b935c2d9535f
created: 20130211145116000
creator: tobibeer
modified: 20140415164516606
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/CSS%20Formatting/1335261:a084d915f3bc4e548b5616c5c3e8d8d70712e625"
server.host: http://tiddlywiki.org
server.page.revision: 1335261
server.permissions: read
server.recipe: tiddlywiki_public
server.title: CSS Formatting
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: CSS Formatting
type: text/x-tiddlywiki
!Summary
You can directly apply CSS rules inline or use custom classes.
!Markup
!!!Inline Styles
Enclose text using two double @ signs and let the first two follow by your CSS rules.
{{{
@@color:#4bbbbb;Some random text@@
}}}
''Displays as:''
@@color:red;Some random text@@
!!!CSS Classes
CSS classes can be applied to text blocks.
To wrap your text inline in a HTML {{{<span>}}} element use...
{{{
before » {{customClassName{inline content}}} « after
}}}
''Displays as:''
before » {{customClassName{inline content}}} « after
To wrap your text as a block level element -- a HTML {{{<div>}}} -- use line-breaks...
<html><pre>
before » {{customClassName{
box content
}}} « after
</pre></html>''Displays as:''
before » {{customClassName{
box content
}}} « after

View File

@ -0,0 +1,14 @@
created: 20140416201128370
modified: 20140901082657977
title: Classic Parser Plugin Demo
type: text/x-tiddlywiki
This is a demo of the Tiddlywiki Classic parser for Tiddlywiki5 (the tw2parser plugin).
Below is a [[Test card|Markup]] from [[http://tiddlywiki.org]] showing examples of all Classic markup.
Tiddlers that are given the type 'text/x-tiddlywiki' will be interpreted as containing Classic Tiddlywiki markup. In addition Classic Tiddlywiki markup can be embedded in a tiddlywiki5 tiddler by the use of a type block - see [[text/x-tiddlywiki typeblock]] below.
!!Support for Classic macros
At present there is limited support for Classic macros. See below for examples of the [[slider|Classic Slider Demo]], [[tabs|ClassicTabsDemo]] and [[tiddler|Classic Transclusion]] macros.
!!Status
See here for <<slider $:/temp/1 Issues "Issues»" "more" >>
!!See also [[Developers Notes]]

View File

@ -0,0 +1,13 @@
created: 20140831105412236
modified: 20140901072049425
title: Classic Slider Demo
type: text/x-tiddlywiki
!!Demo text:
{{{
<<slider $:/temp/xxx slidertest "click me»" "more" >>
}}}
!!Demo results:
<<slider $:/temp/xxx slidertest "click me»" "more" >>

View File

@ -0,0 +1,12 @@
created: 20140831105630157
modified: 20140901082725277
title: Classic Transclusion
type: text/x-tiddlywiki
!!Demo text:
{{{
<<tiddler [[Classic Parser Plugin Demo##Support for Classic macros]]>>
}}}
!!Demo results:
<<tiddler [[Classic Parser Plugin Demo##Support for Classic macros]]>>

View File

@ -0,0 +1,39 @@
created: 20140603181004793
modified: 20140901071957024
title: ClassicTabsDemo
type: text/x-tiddlywiki
!!Demo text:
{{{
<<tabs $:/state/tabtxtdemo
"show a section" "sec 1" ClassicTabsDemo##Do1
"section 2" "Priority 2" ClassicTabsDemo##Do2
"and a slice" "a slice" [[ClassicTabsDemo::slice]]
>>
/%
!Do1
first section: this is a hidden section below
!Do2
another hidden section of this tiddler
!end
|~slice| a hidden slice of this tiddler|
!end
%/
}}}
!!Demo results:
<<tabs $:/state/tabtxtdemo
"show a section" "sec 1" ClassicTabsDemo##Do1
"section 2" "Priority 2" ClassicTabsDemo##Do2
"and a slice" "a slice" [[ClassicTabsDemo::slice]]
>>
/%
!Do1
first section: this is a hidden section below
!Do2
another hidden section of this tiddler
!end
|~slice| a hidden slice of this tiddler|
!end
%/

View File

@ -0,0 +1,42 @@
_hash: 63711c725b9bd23b197b1569670088ce26dbd898
created: 20130211142734000
creator: tobibeer
modified: 20140901061201603
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Code/1335258:2e39d9422863168f6a71f2b09941cb4261414092"
server.host: http://tiddlywiki.org
server.page.revision: 1335258
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Code
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Code
type: text/x-tiddlywiki
!Summary
You can render text monospaced text, e.g. using the font //Courier//, while preserving line breaks and not applying WikiText formating or turning WikiWords into links.
!!"""Monospaced Text Block"""
<html><pre>
{{{
Some plain text including WikiLinks
}}}
</pre></html>''Displays as:'' a HTML <pre> element
{{{
Some plain text including WikiLinks
}}}
<<<
''Note:'' Code blocks are displayed using a white-space 'as-is', fixed-width font without no word-wrapping -- displayed in a box.
<<<
!!"""Monospaced Inline Text"""
Alternatively, you can also display monospaced text __inline__ by wrapping the text in three braces <html><code>{{{...}}}</code></html>:
<html><pre>{{{inline //code//}}}</pre></html>''Displays as:'' a HTML <code> element
{{{inline //code//}}}
<<<
''Note:'' Inline code uses a white-space 'collapsed', word-wrapped, fixed-width font.

View File

@ -0,0 +1,41 @@
_hash: 78b7216cae18ec47008a6948d404deee68257058
created: 20130213001758000
creator: tobibeer
modified: 20140901061006864
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Comment%20Formatting/1335257:dfac9b4ac6526e0a1625ecf4796601565b189fb7"
server.host: http://tiddlywiki.org
server.page.revision: 1335257
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Comment Formatting
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Comment Formatting
type: text/x-tiddlywiki
!Summary
Occasionally you want to add notes to your tiddler markup yet don't want it displayed when the tiddler is rendered. To achieve this, wrap the text using {{{/% hidden %/}}}.
!Example
{{{
text before .../%
!HIDDEN SECTION
This is content of a hidden section.
!END%/ text after
}}}
''Display as:''
<<<
text before /%
!HIDDEN SECTION
This is content of a hidden section.
!END%/... text after
<<<
!Also see...
;[[Suppressing Formatting]]
:» when you just don't want that text to be TiddlyWiki markup
:» when you want to prevent WikiWords
:» when you copy & paste from other sources

View File

@ -0,0 +1,26 @@
created: 20140831112438405
modified: 20140901080739956
title: Developers Notes
type: text/x-tiddlywiki
The includes handling of namespace conflicts between Classic and Tw5 macros.
One of the goals of the Tw2parser plugin is to hide the Classic macros from tiddlers of types other than text/x-tiddlywiki. This is achieved by having the parser prepend the macro definitions to the 'local' parse tree (see around line 60 wikitextparser.js), making them only visible in text/x-tiddlywiki tiddlers and typed-blocks. At present all text based Classic macros are in the same file.
As all global Tw5 macros are visible in all tiddlers (including text/x-tiddlywiki tiddlers), there is a name-space conflict between Classic and tw5 macros. For macros that are defined using tiddlytext (ie /define() /end blocks) the local defined Classic definition will override the global Tw5 macros (which is what we want).
For cases where simple overriding is not sufficient, the tw2parser plugin also has a 'macro name adapter' module (macroadapter.js) to move the Classic macros names to a new names -
(in wikitextrules.js around line 490)
{{{tw2on5-name=macroadapter.namedapter[tw2name];}}}
This is invisible to the user.
An example is the {{{tabs()}}} macro which is mapped to {{{__system_tabs()}}}
so the user still types {{{tabs()}}} but this is mapped to {{{__system_tabs()}}} in the parser which is what appears in the file macrodefs.tids
There is also the facility to manipulate the parameters via {{{params=macroadapter.paramadaptername}}}
This is used in the 'tabs' macro where there is a variable number of parameters that must be mapped into fixed number of tw5 macro parameters.
The implementation of the tabs macro is rather sophisticated, the parameters are put into maps from tab-tiddername to tab-property (properties are cookies, prompts and labels) implemented as jsons.

View File

@ -0,0 +1,12 @@
created: 20140218170942002
modified: 20140415153433659
title: ExtendableCalendar
type: text/vnd.tiddlywiki
The Calendar macro is configurable via the file [[$:/plugins/bj/Calendar/json/config.json]], and is extendable by plug-in formatter modules, it enable it use with different applications.
!!Default Calendar Format
<<calendar 2014 2>>
!!Calendar Formatter by Journals Extension
<<calendar 2014 "" journals>>

View File

@ -0,0 +1,62 @@
_hash: 32b1f260d97f45ce425e8bcff9a7647972b7a80e
created: 20130204165019000
creator: tobibeer
modified: 20140415164150742
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/HTML%20Entities/1335264:117f829031adc20106ce49a71687b123ec65bb7f"
server.host: http://tiddlywiki.org
server.page.revision: 1335264
server.permissions: read
server.recipe: tiddlywiki_public
server.title: HTML Entities
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: HTML Entities
type: text/x-tiddlywiki
!Summary
Use HTML entities to enter characters that can't easily be typed on an ordinary keyboard. They take the form of an ampersand ({{{&}}}), an identifying string, and a terminating semi-colon ({{{;}}}), e.g. {{{&amp;}}}.
!Markup
{{{
The value of Tiddlers&trade; cannot even be expressed in &pound;, &euro; or &dollar;.
}}}
''Displays as:''
The value of Tiddlers&trade; cannot even be expressed in &pound;, &euro; or &dollar;.
!"""Entity References"""
Comprehensive lists of html entities can be found at...
* [[w3schools.com|http://www.w3schools.com/tags/ref_entities.asp]]
* [[htmlhelp.com|http://www.htmlhelp.com/reference/html40/entities]]
!"""Examples Of Common And Eseful Entities"""
|>|>|>|>|>|>| !HTML Entities |
| &amp;nbsp; | &nbsp; | no-break space | &nbsp;&nbsp; | &amp;apos; | &apos; | single quote, apostrophe |
| &amp;ndash; | &ndash; | en dash |~| &amp;quot; | " | quotation mark |
| &amp;mdash; | &mdash; | em dash |~| &amp;prime; | &prime; | prime; minutes; feet |
| &amp;hellip; | &hellip; | horizontal ellipsis |~| &amp;Prime; | &Prime; | double prime; seconds; inches |
| &amp;copy; | &copy; | Copyright symbol |~| &amp;lsquo; | &lsquo; | left single quote |
| &amp;reg; | &reg; | Registered symbol |~| &amp;rsquo; | &rsquo; | right single quote |
| &amp;trade; | &trade; | Trademark symbol |~| &amp;ldquo; | &ldquo; | left double quote |
| &amp;dagger; | &dagger; | dagger |~| &amp;rdquo; | &rdquo; | right double quote |
| &amp;Dagger; | &Dagger; | double dagger |~| &amp;laquo; | &laquo; | left angle quote |
| &amp;para; | &para; | paragraph sign |~| &amp;raquo; | &raquo; | right angle quote |
| &amp;sect; | &sect; | section sign |~| &amp;times; | &times; | multiplication symbol |
| &amp;uarr; | &uarr; | up arrow |~| &amp;darr; | &darr; | down arrow |
| &amp;larr; | &larr; | left arrow |~| &amp;rarr; | &rarr; | right arrow |
| &amp;lArr; | &lArr; | double left arrow |~| &amp;rArr; | &rArr; | double right arrow |
| &amp;harr; | &harr; | left right arrow |~| &amp;hArr; | &hArr; | double left right arrow |
!"""Accented Characters"""
The table below shows how accented characters can be built up by subsituting the underscore (_) into the corresponding character:
|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>| !Accented Characters |
| grave accent | &amp;_grave; | &Agrave; | &agrave; | &Egrave; | &egrave; | &Igrave; | &igrave; | &Ograve; | &ograve; | &Ugrave; | &ugrave; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; |
| acute accent | &amp;_acute; | &Aacute; | &aacute; | &Eacute; | &eacute; | &Iacute; | &iacute; | &Oacute; | &oacute; | &Uacute; | &uacute; | &nbsp; | &nbsp; | &Yacute; | &yacute; | &nbsp; | &nbsp; |
| circumflex accent | &amp;_circ; | &Acirc; | &acirc; | &Ecirc; | &ecirc; | &Icirc; | &icirc; | &Ocirc; | &ocirc; | &Ucirc; | &ucirc; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; |
| umlaut mark | &amp;_uml; | &Auml; | &auml; | &Euml; | &euml; | &Iuml; | &iuml; | &Ouml; | &ouml; | &Uuml; | &uuml; | &nbsp; | &nbsp; | &Yuml; | &yuml; | &nbsp; | &nbsp; |
| tilde | &amp;_tilde; | &Atilde; | &atilde; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &Otilde; | &otilde; | &nbsp; | &nbsp; | &Ntilde; | &ntilde; | &nbsp; | &nbsp; | &nbsp; | &nbsp; |
| ring | &amp;_ring; | &Aring; | &aring; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; |
| slash | &amp;_slash; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &Oslash; | &oslash; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; |
| cedilla | &amp;_cedil; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &nbsp; | &Ccedil; | &ccedil; |

View File

@ -0,0 +1,40 @@
_hash: 1738085855a64048d0d8bb2d3eda1d7f7527e0b5
created: 20130212225913000
creator: tobibeer
modified: 20140415163847476
modifier: andrewstern
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/HTML%20Formatting/1335265:8840437d314e281d82669c312d1129b933760b5a"
server.host: http://tiddlywiki.org
server.page.revision: 1335265
server.permissions: read
server.recipe: tiddlywiki_public
server.title: HTML Formatting
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: HTML Formatting
type: text/x-tiddlywiki
!Summary
TiddlyWiki provides support for rendering pure HTML markup. To do this, simply wrap your HTML code in {{{<html>your html markup goes here</html>}}}. This way you are able to use embed code using iFrames often suggested by popular media sites like ~YouTube.
!!"""Embedded HTML"""
{{{
<html>
<span style="padding-right:30px;font-size:2em;">any</span><br />
<b>valid</b> <em>xhtml</em>
</html>
}}}
<html><span style="padding-right:30px;font-size:2em;">any</span><br /><b>valid</b> <em>xhtml</em></html>
!!"""Embedded iFrame"""
{{{
<html>
<iframe src="http://www.youtube.com/embed/Cj6ho1-G6tw"
width="450" height="315" frameborder="0" allowfullscreen/>
</html>
}}}
<html>
<iframe src="http://www.youtube.com/embed/Cj6ho1-G6tw?vq=hd720&iv_load_policy=3"
width="450" height="315" frameborder="0" allowfullscreen/>
</html>

View File

@ -0,0 +1,38 @@
_hash: 53962b59ad3826de5aadf772871de68c230c6a7d
created: 20130211150503000
creator: tobibeer
modified: 20140831113805090
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Headings/1335262:2946827d55b2935db86bfdefab9c8db6a9042fd3"
server.host: http://tiddlywiki.org
server.page.revision: 1335262
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Headings
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Headings
type: text/x-tiddlywiki
!Summary
Start a line using exclamation marks to create headings.
!Markup
{{{
!Heading Level 1
!!Heading Level 2
!!!Heading Level 3
!!!!Heading Level 4
!!!!!Heading Level 5
!!!!!!Heading Level 6
}}}
!Heading Level 1
!!Heading Level 2
!!!Heading Level 3
!!!!Heading Level 4
!!!!!Heading Level 5
!!!!!!Heading Level 6

View File

@ -0,0 +1,37 @@
_hash: c56cf57df6a5faece40e25bf61e986c6badb0193
created: 20130211150739000
creator: tobibeer
modified: 20140415164242103
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Horizontal%20Rules/1335263:f23eb319f2ed3d3ec848f744a3dbe988f28aca19"
server.host: http://tiddlywiki.org
server.page.revision: 1335263
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Horizontal Rules
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Horizontal Rules
type: text/x-tiddlywiki
!Summary
Use four dashes on a line or the HTML tag {{{<hr>}}} to produce a horizontal rule.
!Markup
{{{
before
----
after
}}}
or
{{{
before<hr>after
}}}
''Displays as:''
before
----
after

View File

@ -0,0 +1,61 @@
_hash: a2a8660d474da9327faeef05b76a1af62ca8155b
created: 20130211151808000
creator: tobibeer
modified: 20140901062342853
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Images/1335266:f72a1a7b1204fff0f413e6873cc55f704bb1b213"
server.host: http://tiddlywiki.org
server.page.revision: 1335266
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Images
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Images
type: text/x-tiddlywiki
!Summary
Generally, images are external to TiddlyWiki. You have different means to layout the image flow.
!Markup
!!Simple Images
{{{
[img[http://wikitext.tiddlyspace.com/fractalveg.jpg]]
}}}
[img[http://wikitext.tiddlyspace.com/fractalveg.jpg]]
!!Images Titles
{{{
[img[tooltip|http://wikitext.tiddlyspace.com/fractalveg.jpg]]
}}}
[img[tooltip|http://wikitext.tiddlyspace.com/fractalveg.jpg]]
!!Image Links
{{{
[img[http://wikitext.tiddlyspace.com/fractalveg.jpg][http://www.flickr.com/photos/jermy/10134618/]]
}}}
[img[http://wikitext.tiddlyspace.com/fractalveg.jpg][http://www.flickr.com/photos/jermy/10134618/]]
!!Floating Images
To clear a float, append...
{{{
@@clear:both;display:block; @@
}}}
!!Floating Left...
{{{
[<img[http://wikitext.tiddlyspace.com/fractalveg.jpg]]
@@clear:both;display:block; all clear@@
}}}
[<img[http://wikitext.tiddlyspace.com/fractalveg.jpg]]
@@clear:both;display:block; all clear@@
!!Floating Right
{{{
[>img[http://wikitext.tiddlyspace.com/fractalveg.jpg]]
@@float:right;clear:both;display:block; all clear@@
@@clear:both;display:block; @@
}}}
[>img[http://wikitext.tiddlyspace.com/fractalveg.jpg]]
@@float:right;clear:both;display:block; all clear@@
@@clear:both;display:block; @@

View File

@ -0,0 +1,9 @@
created: 20140416202554189
modified: 20140831091025876
title: Issues
type: text/x-tiddlywiki
*There is problem with table colspan with > to the right of a text filled cell.
*tiddler macro incomplete
*not all classic core macros supported

View File

@ -0,0 +1,36 @@
_hash: e14e759f83d04b0412db73d1b66b3a64fb07fc83
created: 20130211153646000
creator: tobibeer
modified: 20140415164315536
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Line%20Breaks/1335267:ad5687f1d1741d5e63a783565df6885923752aac"
server.host: http://tiddlywiki.org
server.page.revision: 1335267
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Line Breaks
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Line Breaks
type: text/x-tiddlywiki
!Summary
Line breaks can be forced explicitly using a {{{<br>}}} -- useful in lists or tables.
!Markup
{{{
|A cell<br> with a line break|
}}}
|A cell<br> with a line break|
!!Avoiding Linebreaks
Sometimes you want to avoid superflous linebreaks and increase readability of your wiki text, e.g. when using @@highlights@@ or the tiddler macro. To achieve that, end the current line by starting a hidden comment and ending it on the next line, e.g.:
{{{
@@highlight@@/%
%/<<tiddler foo>>
}}}
This will prevent from adding a superflous linebreak between the highlight and the transcluded content that follows.
!!Also see
* [[Table Formatting

View File

@ -0,0 +1,63 @@
_hash: a5a78107a55c570806975b6e35e87dfd0be734c2
created: 20130211154140000
creator: tobibeer
modified: 20140831095524601
modifier: tobibeer
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Links/1078257:0183b2e8bea01e6c5288e6448b8acc87ddd35619"
server.host: http://tiddlywiki.org
server.page.revision: 1078257
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Links
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Links
type: text/x-tiddlywiki
!Summary
TiddlyWiki allows different kinds of links, e.g. WikiWords, [[TiddlyLinks|TiddlyLink]], external Links or TiddlySpace links.
!!WikiWords
Any words or phrases that are CamelCase or [[Compound-Words|CamelCase]] - in which the elements are joined without spaces - will result in them becoming wiki links to tiddlers with that name.
{{{
WikiWord
}}}
WikiWord
To prevent this, append a tilde {{{~}}}...
{{{
~WikiWord
}}}
~WikiWord
!![[TiddlyLinks|TiddlyLink]]
A tiddler can also be linked using square brackets encompassing the tiddler title:
{{{
[[Core Macros]]
}}}
[[Core Macros]]
!![[Pretty TiddlyLinks|TiddlyLink]]
Optionally, a custom title can be used, separated by a pipe character (|)
{{{
[[standard macros|Core Macros]]
}}}
[[standard macros|Core Macros]]
!![[External Links|External Link]]
A valid URL directly results in a link to that external site:
{{{
http://tiddlywiki.org
}}}
http://tiddlywiki.org
!![[Pretty External Links|External Link]]
Similar to TiddlyLinks, external links can have a different title as well:
{{{
[[visit TiddlyWiki.org|http://tiddlywiki.org]]
}}}
[[visit TiddlyWiki.org|http://tiddlywiki.org]]

View File

@ -0,0 +1,55 @@
_hash: b6d1718a0af0a2a63318097500958556983bd88d
created: 20120131235950000
creator: sandman619
macro: [[TiddlyWiki Markup]]
modified: 20140415164107038
modifier: tobibeer
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Lists/1076129:4d2b012667f2ca3f082ace3498e736fcb8b3afd6"
server.host: http://tiddlywiki.org
server.page.revision: 1076129
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Lists
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Lists
type: text/x-tiddlywiki
!Summary
In TiddlyWiki you can make user of different list types, such as unordered lists, ordered or numbered lists, as well as definition lists.
!!Ordered Lists
Lists can be ordered using numbers and letters by starting a line with a hash {{{#}}}...
{{{
#List item one
##List item two
###List item three
}}}
#List item one
##List item two
###List item three
!!Unordered Lists
Create unordered lists by starting a line using an asterisk {{{*}}}...
{{{
*Unordered List Level 1
**Unordered List Level 2
***Unordered List Level 3
}}}
*Unordered List Level 1
**Unordered List Level 2
***Unordered List Level 3
!!Definition Lists
Create definition lists by starting a line using a semi-colon {{{;}}} for the term followed by a line starting with a colon {{{:}}} for the definition...
{{{
;Term 1
:Definition for Term 1
;Term 2
:Definition for Term 2
}}}
;Term 1
:Definition for Term 1
;Term 2
:Definition for Term 2

View File

@ -0,0 +1,112 @@
_hash: 0d3b2ef2a0232e9adbc6a5bf3d863ce17e71cb3f
created: 20130205062501000
creator: tobibeer
modified: 20140831153103538
modifier: tobibeer
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Markup/1382679:beaebc99fbe21d8e1007f4e99e2564e8ce51d5f1"
server.host: http://tiddlywiki.org
server.page.revision: 1382679
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Markup
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
title: Markup
type: text/x-tiddlywiki
TiddlyWiki markup is a dedicated markup syntax to <<tag Formatting "format your content">> using WikiText...
|noLinkify|k
|width:250px; !Example | !Example Markup |h
| how the example markup renders | what to enter as tiddler text |
|>| ![[Basic Text Formatting|Basic Formatting]] |
|''bold''|{{{''bold''}}} (two __single__-quotes) |
|//italics//|{{{//italics//}}} |
|''//bold italics//''|{{{''//bold italics//''}}} |
|__underline__|{{{__underline__}}} |
|--strikethrough--|{{{--strikethrough--}}} |
|super^^script^^|{{{super^^script^^}}} |
|sub~~script~~|{{{sub~~script~~}}} |
|@@highlight@@|{{{@@highlight@@}}} |
|foo -- bar|{{{foo -- bar}}} -- two dashes create an Em dash|
|>| ![[Avoiding Wikification|Suppressing Formatting]] |
|to output text as-is (escaping), enclose it in three double quotes or use the {{{<nowiki>}}} markup|>|
|"""plain//text""" |{{{"""plain//text"""}}}|
|<nowiki>not__wikified</nowiki>|{{{<nowiki>not__wikified</nowiki>}}}|
|>| ![[Headings]] |
|start a new line with one or more question marks to create headings |>|
|<html><h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5></html>|{{{!Heading 1}}}<br />{{{!!Heading 2}}}<br />{{{!!!Heading 3}}}<br />{{{!!!!Heading 4}}}<br />{{{!!!!!Heading 5}}}|
|>|![[Lists]]|
|>| [[Ordered Lists|Lists]] |
|<html><ol><li>item one</li><li>item two<ol><li>level two<ol><li>level three</li></ol></li></ol></li></ol></li></ol></html>|{{{#item one}}}<br/>{{{#item two}}}<br/>{{{##level two}}}<br/>{{{###level three}}}|
|>| [[Unordered Lists|Lists]] |
|<html><ul><li>item one</li><li>item two<ul><li>level two<ul><li>level three</li></ul></li></ul></li></ul></html>|{{{*item one}}}<br/>{{{*item two}}}<br/>{{{**level two}}}<br/>{{{***level three}}}|
|>| [[Definition List|Lists]] |
|<html><dl><dt>term</dt><dd>definition</dd></dl></html>|{{{;term}}}<br />{{{:definition}}}|
|>| [[Mixed Lists|Lists]] |
|<html><ol><li>ordered<ul><li>unordered<dl><dt>term</dt><dd>definition</dd></dl></li></ul></li></ol></html>|{{{# ordered}}}<br />{{{#* unordered}}}<br />{{{#*;term}}}<br />{{{#*:definition}}}|
| ![[Blockquotes]] |>|
| [[Nested Blockquotes|Blockquotes]] |>|
|<html><blockquote>blockquote<blockquote>level two<blockquote>level three</blockquote></blockquote></blockquote></html>|{{{>blockquote}}}<br />{{{>>level two}}}<br />{{{>>>level three}}}|
|>| [[Multi-line Blockquotes|Blockquotes]] |
|<html><blockquote>multi-line<br/>blockquote</blockquote></html>|{{{<<<}}}<br />{{{multi-line}}}<br />{{{blockquote}}}<br />{{{<<<}}}|
|>| [[Mixed Blockquotes|Blockquotes]] |
|<html><blockquote>foo<br><blockquote>inner foo, level 1<br><blockquote>inner foo, level 2<br></blockquote></blockquote>more foo<br></blockquote></html>|{{{<<<}}}<br />{{{foo}}}<br />{{{> inner foo, level 1}}}<br />{{{>> inner foo, level 2}}}<br />{{{more foo}}}<br />{{{<<<}}}|
|>| ![[Code / Monospaced Text|Code]] |
|>| [[Inline Code|Code]] |
|{{{monospaced text}}}|<html><code>{{{mono space text}}}</code></html>|
|>| [[Code Block|Code]] |
|<html><pre>{{{<br/>multi-line<br/>code block<br/>}}}</pre></html>|<html><code>{{{</code></html><br/>{{{multi-line}}}<br/>{{{code block}}}<br/><html><code>}}}</code></html>|
| ![[Links]] |>|
|>| [[Internal Links|TiddlyLink]] |
|[[WikiWord]]|{{{WikiWord}}}|
|~NoLink|{{{~NoLink}}} -- a tilde {{{~}}} prevents automatic ~WikiWord links|
|[[Plain Link]]|{{{[[Plain Link]]}}}|
|[[Pretty Link|Tiddler Name]]|{{{[[Pretty Link|Tiddler Name]]}}}|
|>| [[External Links|External Link]] |
|A valid URL is automatically rendered as an external link.|>|
|http://www.tiddlywiki.com|{{{http://www.tiddlywiki.com}}}|
|[[Pretty External Link|http://www.tiddlywiki.com]]|{{{[[Pretty External Link|http://www.tiddlywiki.com]]}}}|
|>| ![[Filesystem Links|Links]] |
|You can, of course, use file system links both as plain or pretty links.|>|
|''Windows Network Path''|{{{[[file://///server/share]]}}}|
|''Windows Local''|{{{[[file:///c:/folder/file]]}}}|
|''Linux/Unix Local''|{{{[[file:///folder/file]]}}}|
|''Relative Path (Subfolder)''|{{{[[folder/file]]}}}|
|>| ![[Images]] |
|In general, image files are external to a TiddlyWiki.|>|
|[img[http://www.tiddlywiki.com/favicon.ico]]|{{{[img[path/image.jpg]]}}}|
| aligned right&nbsp;&nbsp;[>img[http://www.tiddlywiki.com/favicon.ico]]|{{{[>img[path/image.jpg]]}}}|
|[<img[http://www.tiddlywiki.com/favicon.ico]]&nbsp;&nbsp;aligned left|{{{[<img[path/image.jpg]]}}}|
|w/ internal link [>img[http://www.tiddlywiki.com/favicon.ico][TiddlyWiki]]|{{{[img[path/image.jpg][TiddlerName]]}}}|
|w/ external link [>img[http://www.tiddlywiki.com/favicon.ico][http://www.tiddlywiki.com]]|{{{[img[path/image.jpg][TiddlyWiki|http://www.tiddlywiki.com]]}}}|
|>| ![[Gradients|gradient]] |
|<<gradient horiz #faa #afa #aaf>>&nbsp;&nbsp;__vert__ical or __horiz__ontal<br>&nbsp;&nbsp;see [[gradient macro|http://tiddlywiki.org/#%5B%5Bgradient%20(macro)%5D%5D]]>>|{{{<<gradient horiz #faa #afa #aaf>>wiki text>>}}}|
|>| ![[Tables]] |
|<<tiddler HTML_TABLE>>|<<tiddler HTML_TABLE_MARKUP>>|
|>|<<tiddler HTML_TABLE_RULES>>|
|>| ![[Custom Styles|CSS Formatting]] |
|>|a {{{@@highlight@@}}} element can accept CSS syntax to directly style text.|>|
|@@color:green;green coloured@@|{{{@@color:green;green coloured@@}}}|
|>| ![[Custom CSS Class Wrapper|CSS Formatting]] |
|>|You can define a custom css class wrapper, like {{{.button}}} below. By default, the inner text is placed inline into a {{{<span>}}} of said class(s). If you start and end the inner text with a newline, the content is placed in a {{{<div>}}}. Use the StyleSheet to define the css styles applied to the class.|
|<br>{{button title{Click!}}}|<html><pre>{{button title{Click!}}}</pre></html>|
|>| ![[Embedded HTML|HTML Formatting]] |
|<html><span style="padding-right:30px;font-size:2em;">any</span><br /><b>valid</b> <em>xhtml</em></html>|<html><code style="font-weight:bold">&lt;html&gt;</code></html>{{{<span style="padding-right:30px;font-size:2em;">any</span><br /><b>valid</b> <em>xhtml</em>}}}<html><code style="font-weight:bold">&lt;/html&gt;</code></html>|
|>| [[Embedded <iframe>|HTML Formatting]] |
|<html><iframe height="200px" width="300px" src="http://www.youtube.com/embed/Cj6ho1-G6tw?vq=hd720" frameborder="0" allowfullscreen/></html>|<html><code style="font-weight:bold">&lt;html&gt;</code></html>{{{<iframe src="http://the.url"/>}}}<html><code style="font-weight:bold">&lt;/html&gt;</code></html>|
|>| ![[Line Break|Line Breaks]] |
|handy for entering multi-line content into table cells or lists|>|
|a<br>b|{{{a<br>b}}} or {{{a<br/>a}}} or {{{a<br />a}}}|
|>| ![[Horizontal Rules]] |
|before<hr>after|{{{<hr>}}} or <br>{{{----}}} on its own line|
|>| ![[HTML Entities]] |
|>|You can use HTML entities...|
|&#632;&trade; |{{{&#632;&trade;}}}|
| ![[Macros]] |>|
|>|macros are called by enclosing the macro name in {{{<<}}} and {{{>>}}}|
|<<version>> |{{{<<version>>}}}|
|>| ![[Hidden Text|Basic Formatting]] |
|This is hidden: |{{{This is hidden: /% secret comment %/}}}|

View File

@ -0,0 +1,21 @@
_hash: 45def774dc01f80083c17e4dc6170000e8c37277
created: 20130213002736000
creator: tobibeer
modified: 20140415163915430
modifier: andrewstern
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Monospaced%20Text/1335271:2940e308e0ee81c6ed021b78cf9a489bb68b4cab"
server.host: http://tiddlywiki.org
server.page.revision: 1335271
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Monospaced Text
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Monospaced Text
type: text/x-tiddlywiki
<<tiddler Code>>

View File

@ -0,0 +1,41 @@
_hash: 68bc50e6415c23513fafbec11506ae62fe5c8f3b
created: 20130211143136000
creator: tobibeer
modified: 20140415164021461
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Suppressing%20Formatting/1335270:26464606220d84bc638573e59dc71530aa224690"
server.host: http://tiddlywiki.org
server.page.revision: 1335270
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Suppressing Formatting
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Suppressing Formatting
type: text/x-tiddlywiki
!Summary
TiddlyWiki markup rules can be suppressed for any given section of text by enclosing it in three ''double'' quotes or wrapping it using the {{{<nowiki>}}} markup...
* when you just don't want that text to be TiddlyWiki markup
* when you want to prevent WikiWords
* when you copy & paste from other sources
!Markup
{{{
» neither is this italicised or a """//WikiWord//"""
» nor is this <nowiki>__underlined__</nowiki>
}}}
» neither is this italicised or a """//WikiWord//"""
» nor is this <nowiki>__underlined__</nowiki>
In addition, you can suppress auto-linking for WikiWords, use the tilde prefix {{{~}}}:
{{{
~WikiWord
}}}
~WikiWord
!!Also see
*[[Comment Formatting]]
*[[Code Formatting]]

View File

@ -0,0 +1,129 @@
_hash: e094b1328d5bc04e2c9fc5b967edc22e1c183729
created: 20130205062438000
creator: tobibeer
modified: 20140901062133767
modifier: andrewstern
more: [[TiddlyWiki Markup]]
server.bag: tiddlywiki_public
server.content-type:
server.etag: "tiddlywiki_public/Tables/1335272:5471c2a5c72db2d46fcbb9091440c4f498f514fd"
server.host: http://tiddlywiki.org
server.page.revision: 1335272
server.permissions: read
server.recipe: tiddlywiki_public
server.title: Tables
server.type: tiddlyweb
server.workspace: bags/tiddlywiki_public
tags: Formatting
title: Tables
type: text/x-tiddlywiki
!Summary
TiddlyWiki provides flexible means to output tables.
!!"""Simple Tables"""
{{{
|North West|North|North East|
|West|Here|East|
|South West|South|South East|
}}}
|North West|North|North East|
|West|Here|East|
|South West|South|South East|
!!"""Cell Formatting"""
*Insert a space before cell content to right justify cell
*Insert a space after cell content to left justify cell
*Insert spaces before and after cell content to centre justify cell
*Insert an exclamation mark ({{{!}}}) as the first non-space character of a cell to turn it into a header cell
{{{
|!First column|!Second column|!Third column|
|left | centre | right|
}}}
|!First column|!Second column|!Third column|
|left | centre | right|
!!"""Table Headers and Footers"""
* Mark a table row as a header by adding an 'h' to the end
* Mark a table row as a footer by adding an 'f' to the end
{{{
|NW|N|NE|h
|W|X|E|
|SW|S|SE|f
}}}
|NW|N|NE|h
|W|X|E|
|SW|S|SE|f
Use an exclamation mark to turn an individual cell into a header cell of type {{{<th}}}...
{{{
| NW| !N |NE |h
| !W| X |!E |
| SW| !S |SE |f
}}}
| NW| !N |NE |h
| !W| X |!E |
| SW| !S |SE |f
!!"""Table Caption"""
A caption can be added to a table by adding a {{{c}}} after the last column either before the main table...
{{{
|A caption above the table|c
|North West|North|North East|
|West|Here|East|
|South West|South|South East|
}}}
|A caption above the table|c
|North West|North|North East|h
|West|Here|East|
|South West|South|South East|
or after the main table...
{{{
|North West|North|North East|
|West|Here|East|
|South West|South|South East|
|A caption below the table|c
}}}
|North West|North|North East|h
|West|Here|East|
|South West|South|South East|
|A caption below the table|c
!!"""Merging Table Cells"""
Merge a cell horizontally with the one to its right using greater-than {{{>}}}...
{{{
|North West|North|North East|
|>|>|West and Here and East|
|South West|South|South East|
}}}
|North West|North|North East|
|>|>|West and Here and East|
|South West|South|South East|
Merge a cell vertically with the one above using a tilde {{{~}}}...
{{{
|Westerly|North|North East|
|~|Here|East|
|~|South|South East|
}}}
|Westerly|North|North East|
|~|Here|East|
|~|South|South East|
!!"""CSS Formatting for Tables"""
A CSS class can be added to an entire table using a special first row that ends with a {{{k}}}...
{{{
|myClass|k
|North West|North|North East|
|West|Here|East|
|South West|South|South East|
}}}
Use your StyleSheet tiddler to define the desired styles.
CSS properties can also be added to individual table cells by appending the CSS syntax directly after the delimiting pipe {{{|}}}.
{{{
|color:red; North West|opacity:0.5;North|North East|
|color(green):West|Here|East|
|South West|South|South East|
}}}
|color:red; North West|opacity:0.5;North|North East|
|color(green):West|Here|East|
|South West|South|South East|
!!"""Alternating Row Colors"""
TiddlyWiki automatically assigns the classes {{{oddRow}}} and {{{evenRow}}} to table row elements {{{<TR>}}}. These can then be styled using the StyleSheet tiddler:
{{{
tr.oddRow { background-color: #fff; }
tr.evenRow { background-color: #ffe; }
}}}

View File

@ -0,0 +1,8 @@
created: 20140416192513067
modified: 20140416200952144
title: slidertest
type: text/x-tiddlywiki
!!now a transclusion of [[Basic Formatting]]
<hr>
<<tiddler [[Basic Formatting]]>>

View File

@ -0,0 +1,25 @@
created: 20140416193948971
modified: 20140901082129041
title: text/x-tiddlywiki typeblock
type: text/vnd.tiddlywiki
This is a tiddlywiki5 tiddler containing a Classic type-block.
!!Demo text:
```
!!Tw5 Here
$$$text/x-tiddlywiki
!Classic Here
<<slider $:/temp/xxx slidertest "click me»" "more" >>
$$$
```
!!Demo results:
!!Tw5 Here
$$$text/x-tiddlywiki
!Classic Here
<<slider $:/temp/xxx slidertest "click me»" "more" >>
$$$

View File

@ -0,0 +1,15 @@
{
"plugins": [
"tiddlywiki/tw2parser"
],
"themes": [
"tiddlywiki/vanilla",
"tiddlywiki/snowwhite"
],
"includeWikis": [
],
"build": {
"index": [
"--rendertiddler","$:/core/save/all","classicparserdemo.html","text/plain"]
}
}

View File

@ -23,6 +23,7 @@ type: text/vnd.tiddlywiki
* Explore the [[D3.js visualisation plugin|http://tiddlywiki.com/d3demo.html]]
* [[CodeMirror support via a plugin|http://tiddlywiki.com/codemirrordemo.html]]
* [[Markdown support via a plugin|http://tiddlywiki.com/markdowndemo.html]]
* [[Classic tiddlywiki Markup support via a plugin|http://tiddlywiki.com/classicparserdemo.html]]
* Many internal improvements:
** TiddlyWiki can now be run under [[Node.js]] as well as in the browser, allowing it to be used as a personal web server
** An elegant [[microkernel architecture|PluginMechanism]], that allows infinite customisation by replacing and augmenting the core modules