mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-24 17:10:29 +00:00
Add first pass of help panel
This is just an idea really. The help plugin is only included in the tw5.com wiki; the idea is to also include it in the empty.html wiki, either as a plugin or as part of the core. If it stays as a plugin, the idea would be to have different help plugins for different languages.
This commit is contained in:
Jermolene
parent
2d2924d918
commit
70e419824f
@ -4,7 +4,8 @@
|
|||||||
"tiddlywiki/googleanalytics",
|
"tiddlywiki/googleanalytics",
|
||||||
"tiddlywiki/nodewebkitsaver",
|
"tiddlywiki/nodewebkitsaver",
|
||||||
"tiddlywiki/github-fork-ribbon",
|
"tiddlywiki/github-fork-ribbon",
|
||||||
"tiddlywiki/browser-sniff"
|
"tiddlywiki/browser-sniff",
|
||||||
|
"tiddlywiki/help"
|
||||||
],
|
],
|
||||||
"themes": [
|
"themes": [
|
||||||
"tiddlywiki/vanilla",
|
"tiddlywiki/vanilla",
|
||||||
|
|||||||
@ -5,7 +5,8 @@
|
|||||||
"tiddlywiki/nodewebkitsaver",
|
"tiddlywiki/nodewebkitsaver",
|
||||||
"tiddlywiki/github-fork-ribbon",
|
"tiddlywiki/github-fork-ribbon",
|
||||||
"tiddlywiki/browser-sniff",
|
"tiddlywiki/browser-sniff",
|
||||||
"tiddlywiki/railroad"
|
"tiddlywiki/railroad",
|
||||||
|
"tiddlywiki/help"
|
||||||
],
|
],
|
||||||
"themes": [
|
"themes": [
|
||||||
"tiddlywiki/vanilla",
|
"tiddlywiki/vanilla",
|
||||||
|
|||||||
12
plugins/tiddlywiki/help/HelpPanel.tid
Normal file
12
plugins/tiddlywiki/help/HelpPanel.tid
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
title: $:/plugins/tiddlywiki/help/HelpPanel
|
||||||
|
tags: $:/tags/PageTemplate
|
||||||
|
|
||||||
|
<$reveal type="match" state="$:/config/ShowHelp" text="yes">
|
||||||
|
<div class="tc-help-panel">
|
||||||
|
<div class="tc-tiddler-controls">
|
||||||
|
<$button set="$:/config/ShowHelp" setTo="no" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> ''Help''
|
||||||
|
</div>
|
||||||
|
<<tabs "[all[shadows+tiddlers]tag[$:/tags/HelpPanel]!has[draft.of]]" "$:/plugins/tiddlywiki/help/HelpPanel/Support" "$:/state/tab/help">>
|
||||||
|
</div>
|
||||||
|
</$reveal>
|
||||||
|
|
||||||
3
plugins/tiddlywiki/help/config/CurrentVideo.tid
Normal file
3
plugins/tiddlywiki/help/config/CurrentVideo.tid
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
title: $:/config/Help/CurrentVideo
|
||||||
|
|
||||||
|
$:/plugins/tiddlywiki/help/Videos/Introduction
|
||||||
3
plugins/tiddlywiki/help/config/ShowHelp.tid
Normal file
3
plugins/tiddlywiki/help/config/ShowHelp.tid
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
title: $:/config/ShowHelp
|
||||||
|
|
||||||
|
no
|
||||||
28
plugins/tiddlywiki/help/help.tid
Normal file
28
plugins/tiddlywiki/help/help.tid
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
title: $:/plugins/help/Buttons/help
|
||||||
|
tags: $:/tags/PageControls
|
||||||
|
caption: {{$:/core/images/help}} {{$:/language/Buttons/Help/Caption}}
|
||||||
|
description: {{$:/language/Buttons/Help/Hint}}
|
||||||
|
|
||||||
|
\define help-inner()
|
||||||
|
<$reveal type="match" state="$:/config/ShowHelp" text="yes">
|
||||||
|
<$button set="$:/config/ShowHelp" setTo="no" tooltip={{$:/language/Buttons/Help/Hint}} aria-label={{$:/language/Buttons/Help/Caption}} class="""$(tv-config-toolbar-class)$ tc-selected""">
|
||||||
|
<$list filter="[<tv-config-toolbar-icons>prefix[yes]]">
|
||||||
|
{{$:/core/images/help}}
|
||||||
|
</$list>
|
||||||
|
<$list filter="[<tv-config-toolbar-text>prefix[yes]]">
|
||||||
|
<span class="tc-btn-text"><$text text={{$:/language/Buttons/Help/Caption}}/></span>
|
||||||
|
</$list>
|
||||||
|
</$button>
|
||||||
|
</$reveal>
|
||||||
|
<$reveal type="nomatch" state="$:/config/ShowHelp" text="yes">
|
||||||
|
<$button set="$:/config/ShowHelp" setTo="yes" tooltip={{$:/language/Buttons/Help/Hint}} aria-label={{$:/language/Buttons/Help/Caption}} class=<<tv-config-toolbar-class>>>
|
||||||
|
<$list filter="[<tv-config-toolbar-icons>prefix[yes]]">
|
||||||
|
{{$:/core/images/help}}
|
||||||
|
</$list>
|
||||||
|
<$list filter="[<tv-config-toolbar-text>prefix[yes]]">
|
||||||
|
<span class="tc-btn-text"><$text text={{$:/language/Buttons/Help/Caption}}/></span>
|
||||||
|
</$list>
|
||||||
|
</$button>
|
||||||
|
</$reveal>
|
||||||
|
\end
|
||||||
|
<<help-inner>>
|
||||||
7
plugins/tiddlywiki/help/plugin.info
Normal file
7
plugins/tiddlywiki/help/plugin.info
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"title": "$:/plugins/tiddlywiki/help",
|
||||||
|
"description": "Floating help window for TiddlyWiki",
|
||||||
|
"author": "JeremyRuston",
|
||||||
|
"core-version": ">=5.0.0",
|
||||||
|
"list": "readme"
|
||||||
|
}
|
||||||
3
plugins/tiddlywiki/help/readme.tid
Normal file
3
plugins/tiddlywiki/help/readme.tid
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
title: $:/plugins/tiddlywiki/help/readme
|
||||||
|
|
||||||
|
This plugin provides an overlay help panel at the bottom right of the window.
|
||||||
65
plugins/tiddlywiki/help/styles.tid
Normal file
65
plugins/tiddlywiki/help/styles.tid
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
title: $:/plugins/tiddlywiki/help/styles
|
||||||
|
tags: [[$:/tags/Stylesheet]]
|
||||||
|
|
||||||
|
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
|
||||||
|
|
||||||
|
.tc-help-panel {
|
||||||
|
position: fixed;
|
||||||
|
top: 2.5em;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 310px;
|
||||||
|
overflow: scroll;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
<<box-shadow "0px 0px 5px rgba(0, 0, 0, 0.3)">>
|
||||||
|
border: 1px solid <<colour tiddler-border>>;
|
||||||
|
background: <<colour tiddler-background>>;
|
||||||
|
padding: 1em;
|
||||||
|
margin: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
dl.tc-help-cheatsheet {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
dl.tc-help-cheatsheet .red {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tc-help-cheatsheet > dt {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
clear: left;
|
||||||
|
margin: 2% 1em 0 0;
|
||||||
|
padding;
|
||||||
|
font-weight: normal;
|
||||||
|
width: 45%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tc-help-cheatsheet > dt > pre {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tc-help-cheatsheet > dd {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: 45%;
|
||||||
|
margin: 1em 0 0 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tc-help-cheatsheet > dd > p,
|
||||||
|
.tc-help-cheatsheet > dd > h1,
|
||||||
|
.tc-help-cheatsheet > dd > pre,
|
||||||
|
.tc-help-cheatsheet > dd > ul,
|
||||||
|
.tc-help-cheatsheet > dd > ol,
|
||||||
|
.tc-help-cheatsheet > dd > dl,
|
||||||
|
.tc-help-cheatsheet > dd > table,
|
||||||
|
.tc-help-cheatsheet > dd > blockquote,
|
||||||
|
.tc-help-cheatsheet > dd > blockquote >p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tc-help-cheatsheet .tc-image {
|
||||||
|
width: 16px;
|
||||||
|
}
|
||||||
776
plugins/tiddlywiki/help/tabs/Cheatsheet.tid
Normal file
776
plugins/tiddlywiki/help/tabs/Cheatsheet.tid
Normal file
@ -0,0 +1,776 @@
|
|||||||
|
title: $:/plugins/tiddlywiki/help/HelpPanel/Cheatsheet
|
||||||
|
tags: $:/tags/HelpPanel
|
||||||
|
caption: Cheatsheet
|
||||||
|
|
||||||
|
<dl class="tc-help-cheatsheet">
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
''bold''
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>''bold''</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
//italics//
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>//italics//</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
''//bold italics//''
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>''//bold italics//''</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
__underline__
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>__underline__</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
~~strikethrough~~
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>~~strikethrough~~</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
super^^script^^
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>super^^script^^</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
sub,,script,,
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>sub,,script,,</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
foo -- bar
|
||||||
|
foo --- bar
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>foo -- bar (En dash)<br>foo --- bar (Em dash)<br></dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
!Heading 1
|
||||||
|
!!Heading 2
|
||||||
|
!!!Heading 3
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
!Heading 1
|
||||||
|
!!Heading 2
|
||||||
|
!!!Heading 3
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
---
|
||||||
|
horizontal rules
|
||||||
|
<hr>
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
---
|
||||||
|
horizontal rules
|
||||||
|
<hr>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt><pre>`code`</pre></dt>
|
||||||
|
<dd>`code` ...via backticks</dd>
|
||||||
|
|
||||||
|
<dt><pre>``with `backticks` ``</pre></dt>
|
||||||
|
<dd>``with `backticks` ``</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
<pre>```
|
||||||
|
monospaced
|
||||||
|
codeblock
|
||||||
|
```</pre>
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
```
|
||||||
|
monospaced
|
||||||
|
codeblock
|
||||||
|
```
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
"""
|
||||||
|
force
|
||||||
|
hard
|
||||||
|
linebreaks
|
||||||
|
like
|
||||||
|
this...
|
||||||
|
"""
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
"""
|
||||||
|
force
|
||||||
|
hard
|
||||||
|
linebreaks
|
||||||
|
like
|
||||||
|
this...
|
||||||
|
"""
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
...since
|
||||||
|
new paragraphs
|
||||||
|
need two linebreaks
|
||||||
|
|
||||||
|
in tw5
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
...since
|
||||||
|
new paragraphs
|
||||||
|
need two linebreaks
|
||||||
|
|
||||||
|
in tw5
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
> block
|
||||||
|
>> quotes
|
||||||
|
>>> are easy
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
> block
|
||||||
|
>> quotes
|
||||||
|
>>> are <br>easy
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
<<<
|
||||||
|
real
|
||||||
|
easy
|
||||||
|
<<<
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
<<<
|
||||||
|
real
|
||||||
|
easy
|
||||||
|
<<<
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
* unordered
|
||||||
|
** list
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
* unordered
|
||||||
|
** list
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
# ordered
|
||||||
|
## list
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
# ordered
|
||||||
|
## list
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
;definition
|
||||||
|
:term
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
;definition
|
||||||
|
:term
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
# mixed
|
||||||
|
#* lists
|
||||||
|
#;you
|
||||||
|
#:know
|
||||||
|
#>like so
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
# mixed
|
||||||
|
#* lists
|
||||||
|
#;you
|
||||||
|
#:know
|
||||||
|
#>like so
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
!.h1-class.red CSS
|
||||||
|
#.li-class.red classes
|
||||||
|
*.li-class.red can be
|
||||||
|
;.dt-class.red assigned
|
||||||
|
:.dd-class.red like
|
||||||
|
>.blockquote-class.red this
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
!.h1-class.red CSS
|
||||||
|
#.li-class.red classes
|
||||||
|
*.li-class.red can be
|
||||||
|
;.dt-class.red assigned
|
||||||
|
:.dd-class.red like
|
||||||
|
>.blockquote-class.red this
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
[[The Tiddler]]
|
||||||
|
[[pretty title|The Tiddler]]
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
[[The Tiddler]]<br>
|
||||||
|
[[pretty title|The Tiddler]]
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
CamelCase
|
||||||
|
~SuppressedCamelCase
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
CamelCase<br>
|
||||||
|
~SuppressedWikiLink
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
http://tiddlywiki.com
|
||||||
|
[[pretty|http://pretty.com]]
|
||||||
|
~http://not.alink.com
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
http://tiddlywiki.com<br>
|
||||||
|
[[google|http://google.com]]<br>
|
||||||
|
~http://not.alink.com
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
file://///windows/network<br>
|
||||||
|
file:///c:/Windows/foo<br>
|
||||||
|
file:///linux/local<br>
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
file://///windows/network<br>
|
||||||
|
file:///c:/Windows/foo<br>
|
||||||
|
file:///linux/local<br>
|
||||||
|
`file:///` only via local tw!
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
[ext[forced.link.com]]
|
||||||
|
[ext[tw|tiddlywiki.com]]
|
||||||
|
[ext[foo|file:///c:/foo]]
|
||||||
|
[ext[relative/path]]
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
[ext[forced.link.com]]<br>
|
||||||
|
[ext[tw|tiddlywiki.com]]<br>
|
||||||
|
[ext[foo|file:///c:/foo]]<br>
|
||||||
|
[ext[relative/path]]
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
[img[example.jpg]]
|
||||||
|
[img[tooltip|example.jpg]]
|
||||||
|
[img width=16 [example.jpg]]
|
||||||
|
[img class="tc-image" [example.jpg]]
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
[img[http://www.tiddlywiki.com/favicon.ico]]<br>
|
||||||
|
[img[tooltip|http://www.tiddlywiki.com/favicon.ico]]<br>
|
||||||
|
[img width=16 [http://www.tiddlywiki.com/favicon.ico]]<br>
|
||||||
|
[img class="tc-image" [http://www.tiddlywiki.com/favicon.ico]]
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
[img[http://www.tiddlywiki.com/favicon.ico]]
|
||||||
|
[img[path/image.jpg]]
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
[img[http://www.tiddlywiki.com/favicon.ico]]
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
[img width={{!!mywidth}} class=<<image-classes>> [example.jpg]]
|
||||||
|
|
||||||
|
{{example.jpg}}
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
params via
|
||||||
|
[[transclusion|http://tiddlywiki.com/#Transclusion%20in%20WikiText]] or
|
||||||
|
[[macro|http://tiddlywiki.com/#Macros%20in%20WikiText]]<br><br><br>
|
||||||
|
|
||||||
|
embed via transclusion
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
@@.myStyleClass.red
|
||||||
|
;term
|
||||||
|
:definition
|
||||||
|
@@
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
@@.myStyleClass.red
|
||||||
|
;term
|
||||||
|
:definition
|
||||||
|
@@
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
@@color:red;
|
||||||
|
;css styles
|
||||||
|
:apply directly like this
|
||||||
|
@@
|
||||||
|
|
||||||
|
@@color:red; or this @@
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
@@color:red;
|
||||||
|
;css styles
|
||||||
|
:apply directly like this
|
||||||
|
@@
|
||||||
|
|
||||||
|
@@color:red; or this @@
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
@@.tc-tiddler-frame
|
||||||
|
@@width:200px;height:50px;
|
||||||
|
or combine both
|
||||||
|
@@
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
@@.tc-tiddler-frame
|
||||||
|
@@width:200px;height:50px;
|
||||||
|
or combine both
|
||||||
|
@@
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
@@.purple Am I purple?@@
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.purple{color:purple;}
|
||||||
|
</style>
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
@@.purple Am I purple?@@
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.purple{color:purple;}
|
||||||
|
</style>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt style="font-size:80%;">
|
||||||
|
|
||||||
|
```
|
||||||
|
| !Header | !Header | Mhhh ?!? |
|
||||||
|
|^NE |^ N |^ NW|
|
||||||
|
|W | ✦ | E|
|
||||||
|
|,SW |, S |, SE|
|
||||||
|
|merge|left|<|
|
||||||
|
|and|now| vertical |
|
||||||
|
|>| right|~|
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd style="font-size:80%;">
|
||||||
|
|
||||||
|
| !Header | !Header | Mhhh ?!? |
|
||||||
|
|^NW |^ @@padding:0 7px 14px 7px;display:block; N@@ |^ NE|
|
||||||
|
|W | ✦ | @@padding:7px 0;display:block; E@@|
|
||||||
|
|,SW |, @@padding:14px 7px 0 7px;display:block; S@@ |, SE|
|
||||||
|
|merge|left|<|
|
||||||
|
|and|now| vertical |
|
||||||
|
|>| right|~|
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
<article class="hello">
|
||||||
|
HTML tags work like that.
|
||||||
|
<!-- even comments -->
|
||||||
|
</article>
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
<article class="hello">
|
||||||
|
HTML tags work like that.
|
||||||
|
<!-- even comments -->
|
||||||
|
</article>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
<a href={{TiddlerWithURL}}>link</a>
|
||||||
|
<b class=<<getClass>>>bold</b>
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
<a href={{TiddlerWithURL}}>link</a>
|
||||||
|
<b class=<<version>>>bold</b>
|
||||||
|
|
||||||
|
set attributes via transclusion or macro
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
<div address="""attribute,
|
||||||
|
"quoted",
|
||||||
|
with,
|
||||||
|
linebreaks.""">inspect me!</div>
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
<div address="""attribute,
|
||||||
|
"quoted",
|
||||||
|
with,
|
||||||
|
linebreaks.""">inspect me!</div>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
*nest<div>
|
||||||
|
|
||||||
|
;via
|
||||||
|
:html
|
||||||
|
</div>
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
*nest <div>
|
||||||
|
|
||||||
|
;via
|
||||||
|
:html
|
||||||
|
</div>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
{{Foo}}
|
||||||
|
{{Foo||Bar}}
|
||||||
|
{{||Foo}}
|
||||||
|
{{Foo!!bar}}
|
||||||
|
{{!!bar}}
|
||||||
|
{{Foo##index}}
|
||||||
|
{{##index}}
|
||||||
|
{{{ [tag[Foo]] }}}
|
||||||
|
{{{ [tag[Foo]] ||Bar}}}
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
» [[transcludes|http://tiddlywiki.com/#Transclusion%20in%20WikiText]] tiddler `Foo`<br>
|
||||||
|
» `Foo` with template `Bar`<br>
|
||||||
|
» template `Foo` for `CurrentTiddler`<br>
|
||||||
|
» field `bar` of `Foo`<br>
|
||||||
|
» field `bar` of `CurrentTiddler`<br>
|
||||||
|
» `index` of datatiddler `Foo`<br>
|
||||||
|
» `index` of `CurrentTiddler` (=data)<br>
|
||||||
|
» list of tiddlers tagged `Foo`<br>
|
||||||
|
» same using template `Bar`
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
\define run(foo:'bar') [[$foo$]]
|
||||||
|
|
||||||
|
<<run "foo bar">>
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
» defines macro `run`<br>
|
||||||
|
» with parameter `foo`<br>
|
||||||
|
» whose value defaults to `bar`<br>
|
||||||
|
» outputs a link to value of param:<br>
|
||||||
|
[[foo bar]]
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
\define test()
|
||||||
|
I am $(x)$.
|
||||||
|
\end
|
||||||
|
|
||||||
|
<$set name="x" value="y
|
||||||
|
of z">
|
||||||
|
<<test>>
|
||||||
|
</$set>
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
» defines macro test which<br>
|
||||||
|
» outputs value of variable x<br><br>
|
||||||
|
|
||||||
|
» sets variable x to: "y<br>
|
||||||
|
of z" //(multiline allowed)//<br>
|
||||||
|
» runs macro test which outputs:<br>
|
||||||
|
"I am y of z."
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
\define test(x, y, z:'0')
|
||||||
|
$x$ $y$ $z$
|
||||||
|
\end
|
||||||
|
|
||||||
|
<$macrocall
|
||||||
|
$name="test"
|
||||||
|
x=<<version>>
|
||||||
|
y={{!!title}}/>
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
» defines macro test<br>
|
||||||
|
» outputs 3 params<br><br>
|
||||||
|
|
||||||
|
» calls test via macrocall widget<br>
|
||||||
|
» using macro version as param x<br>
|
||||||
|
» and transclusion as param y<br><br>
|
||||||
|
|
||||||
|
» outputs:<br>
|
||||||
|
<<version>> Markup 0
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
$$$text/unknown
|
||||||
|
plain text, not //formatted//
|
||||||
|
$$$
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
$$$text/unknown
|
||||||
|
plain text, not //formatted//
|
||||||
|
$$$
|
||||||
|
|
||||||
|
<br>
|
||||||
|
These are [[Typed Blocks|http://tiddlywiki.com/#Typed%20Blocks%20in%20WikiText]]
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
$$$image/svg+xml
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
|
||||||
|
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
|
||||||
|
</svg>
|
||||||
|
$$$
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
$$$image/svg+xml
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
|
||||||
|
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
|
||||||
|
</svg>
|
||||||
|
$$$
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
$$$.svg
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
|
||||||
|
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
|
||||||
|
</svg>
|
||||||
|
$$$
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
$$$.svg
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
|
||||||
|
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
|
||||||
|
</svg>
|
||||||
|
$$$
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
$$$text/vnd.tiddlywiki>text/html
|
||||||
|
This is ''some'' wikitext
|
||||||
|
$$$
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
$$$text/vnd.tiddlywiki>text/html
|
||||||
|
This is ''some'' wikitext
|
||||||
|
$$$
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
|
||||||
|
```
|
||||||
|
$$$text/vnd.tiddlywiki>text/plain
|
||||||
|
This is ''some'' wikitext
|
||||||
|
$$$
|
||||||
|
```
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
$$$text/vnd.tiddlywiki>text/plain
|
||||||
|
This is ''some'' wikitext
|
||||||
|
$$$
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
</dl>
|
||||||
13
plugins/tiddlywiki/help/tabs/Support.tid
Normal file
13
plugins/tiddlywiki/help/tabs/Support.tid
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
title: $:/plugins/tiddlywiki/help/HelpPanel/Support
|
||||||
|
tags: $:/tags/HelpPanel
|
||||||
|
caption: Support
|
||||||
|
|
||||||
|
~TiddlyWiki is an open source project with a vibrant community of users and developers. We're always happy to help new users get the most from ~TiddlyWiki.
|
||||||
|
|
||||||
|
Join the ~TiddlyWiki mailing list:
|
||||||
|
|
||||||
|
http://groups.google.com/group/TiddlyWiki
|
||||||
|
|
||||||
|
Post bug reports to the ~TiddlyWiki ~GitHub repository:
|
||||||
|
|
||||||
|
https://github.com/Jermolene/TiddlyWiki5
|
||||||
24
plugins/tiddlywiki/help/tabs/Videos.tid
Normal file
24
plugins/tiddlywiki/help/tabs/Videos.tid
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
title: $:/plugins/tiddlywiki/help/HelpPanel/Videos
|
||||||
|
tags: $:/tags/HelpPanel
|
||||||
|
caption: Videos
|
||||||
|
|
||||||
|
\define show-video-inner(embed)
|
||||||
|
<iframe width="280" height="157" src="""http://www.youtube.com/embed/$embed$?autoplay=0&showinfo=0&theme=light&rel=0&modestbranding=1&autohide=1""" frameborder="0" allowfullscreen></iframe>
|
||||||
|
\end
|
||||||
|
|
||||||
|
\define show-video(title)
|
||||||
|
<$macrocall $name="show-video-inner" embed={{$title$!!embed}}/>
|
||||||
|
<p>{{$title$!!text}}</p>
|
||||||
|
\end
|
||||||
|
|
||||||
|
<div class="tc-help-panel-inner">
|
||||||
|
|
||||||
|
Choose video: <$select tiddler="$:/config/Help/CurrentVideo">
|
||||||
|
<$list filter="[all[shadows+tiddlers]tag[$:/tags/HelpPanel/Videos]]">
|
||||||
|
<option value=<<currentTiddler>>><$view field="caption"/></option>
|
||||||
|
</$list>
|
||||||
|
</$select>
|
||||||
|
|
||||||
|
<$macrocall $name="show-video" title={{$:/config/Help/CurrentVideo}}>>
|
||||||
|
|
||||||
|
</div>
|
||||||
6
plugins/tiddlywiki/help/tabs/videos/FirefoxAndroid.tid
Normal file
6
plugins/tiddlywiki/help/tabs/videos/FirefoxAndroid.tid
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
title: $:/plugins/tiddlywiki/help/Videos/FirefoxAndroid
|
||||||
|
tags: $:/tags/HelpPanel/Videos
|
||||||
|
caption: Firefox for Android
|
||||||
|
embed: iikkv9orGGI
|
||||||
|
|
||||||
|
How to get started with using TiddlyWiki as a standalone HTML file with the TiddlyFox add-on for Firefox for Android.
|
||||||
6
plugins/tiddlywiki/help/tabs/videos/GettingStarted.tid
Normal file
6
plugins/tiddlywiki/help/tabs/videos/GettingStarted.tid
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
title: $:/plugins/tiddlywiki/help/Videos/GettingStarted
|
||||||
|
tags: $:/tags/HelpPanel/Videos
|
||||||
|
caption: GettingStarted
|
||||||
|
embed: 1g66s7UbyuU
|
||||||
|
|
||||||
|
How to get started with using TiddlyWiki as a standalone HTML file.
|
||||||
6
plugins/tiddlywiki/help/tabs/videos/Introduction.tid
Normal file
6
plugins/tiddlywiki/help/tabs/videos/Introduction.tid
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
title: $:/plugins/tiddlywiki/help/Videos/Introduction
|
||||||
|
tags: $:/tags/HelpPanel/Videos
|
||||||
|
caption: Introduction
|
||||||
|
embed: KtCUr83XgyE
|
||||||
|
|
||||||
|
An introduction to the concepts of TiddlyWiki.
|
||||||
6
plugins/tiddlywiki/help/tabs/videos/TiddlyDesktop.tid
Normal file
6
plugins/tiddlywiki/help/tabs/videos/TiddlyDesktop.tid
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
title: $:/plugins/tiddlywiki/help/Videos/TiddlyDesktop
|
||||||
|
tags: $:/tags/HelpPanel/Videos
|
||||||
|
caption: TiddlyDesktop
|
||||||
|
embed: i3Bggkm7paA
|
||||||
|
|
||||||
|
Using TiddlyDesktop, the custom desktop TiddlyWiki application for Windows, OS X and Linux.
|
||||||
Loading…
Reference in New Issue
Block a user