Tiddlywiki5,格式化过滤结果

5ag*_*ado 2 tiddlywiki

给定一个过滤器[tag[introduction]],如何修改显示结果的格式,例如在每个结果之间添加空格,或者设置一个子弹列表?

有关TiddlyWiki过滤器的更多信息,请点击此处.

tob*_*eer 6

您更有可能在Google群组中获得快速回答.

一个过滤器本身不呈现任何东西,窗口小部件做......,随后宏.

所以,简单地说,你想要的项目格式在呈现它的列表小部件中:

<$list filter="[tag[TableOfContents]]">
<$link to=<<currentTiddler>>><$view field=title/></$link>&nbsp;
</$list>
Run Code Online (Sandbox Code Playgroud)

提示:尝试直接在http://tiddlywiki.com上创建测试tiddler .

这将呈现指向列表上每个迭代项的链接,以显示其标题.注意&nbsp;最后提供简单的间距.

当列表小部件的内部文本以空行开头时,TiddlyWiki将您的代码理解为希望具有块级段落元素,而不是内联列表.

<$list filter="[tag[TableOfContents]]">

<$link to=<<currentTiddler>>><$view field=title/></$link>
</$list>
Run Code Online (Sandbox Code Playgroud)

但是,我有时更喜欢使用一个漂亮的» &raquo;和一个尾随换行符<br>...

<$list filter="[tag[TableOfContents]]">
&raquo; <$link to=<<currentTiddler>>><$view field=title/></$link><br>
</$list>
Run Code Online (Sandbox Code Playgroud)

或者,您可以使用定义项目模板的模板tiddler,即

<$list filter="[tag[GettingStarted]]" template="$:/.sagado/templates/my-list"/>
Run Code Online (Sandbox Code Playgroud)

使用标准模板 ......

<$list filter="[tag[TableOfContents]]" template="$:/core/ui/ListItemTemplate"/>
Run Code Online (Sandbox Code Playgroud)

这可能是最干净的方法,因为它允许您在其他地方重用该模板.

或者,使用list-links宏输出简单的链接列表,例如:

<<list-links filter:"[tag[TableOfContents]]">>
Run Code Online (Sandbox Code Playgroud)

注意:请注意宏和窗口小部件调用之间的语法差异,即双角度托架和冒号(可选命名)参数,而不是attrib ="value".

您可以轻松地将其包装在自定义css类中,例如

@@.my-class
<<list-links filter:"[tag[TableOfContents]]">>
@@
Run Code Online (Sandbox Code Playgroud)

要正确呈现表或定义列表,请在外部和内部使用html标记...

<dl>
<$list filter="[has[url]]">
<dt><$link to=<<currentTiddler>>><$view field=title/></$link></dt>
<dd>{{!!url}}</dd>
</$list>
</dl>
Run Code Online (Sandbox Code Playgroud)

这是一个更精细的表语法,使用宏来生成链接...

\define link(url) [ext[>>|$url$]]
<table>
<tr><th>Title</th><th>Link</th></tr>
<$list filter="[has[url]]">
<tr>
<td><$link to=<<currentTiddler>>><$view field=title/></$link></td>
<td><$macrocall $name=link url={{!!url}}></td>
</tr>
</$list>
</table>
Run Code Online (Sandbox Code Playgroud)

更多信息,请参阅......

http://tb5.tiddlyspot.com/#How%20to%20style%20lists