3

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

在这里了解有关 TiddlyWiki 过滤器的更多信息。

4

1 回答 1

7

您更有可能在google groups上得到快速答复。

过滤器本身不会渲染任何东西,小部件会......以及随后的宏。

因此,简单地说,您在呈现它的列表小部件中所需的项目格式:

<$list filter="[tag[TableOfContents]]">
<$link to=<<currentTiddler>>><$view field=title/></$link>&nbsp;
</$list>

提示:直接在http://tiddlywiki.com上尝试创建一个测试提琴手。

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

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

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

<$link to=<<currentTiddler>>><$view field=title/></$link>
</$list>

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

<$list filter="[tag[TableOfContents]]">
&raquo; <$link to=<<currentTiddler>>><$view field=title/></$link><br>
</$list>

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

<$list filter="[tag[GettingStarted]]" template="$:/.sagado/templates/my-list"/>

使用标准模板...

<$list filter="[tag[TableOfContents]]" template="$:/core/ui/ListItemTemplate"/>

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

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

<<list-links filter:"[tag[TableOfContents]]">>

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

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

@@.my-class
<<list-links filter:"[tag[TableOfContents]]">>
@@

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

<dl>
<$list filter="[has[url]]">
<dt><$link to=<<currentTiddler>>><$view field=title/></$link></dt>
<dd>{{!!url}}</dd>
</$list>
</dl>

这是使用宏生成链接的更详细的表语法...

\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>

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

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

于 2014-12-05T12:39:47.367 回答