使用tiddlers在tiddlywiki中编辑特定的宏

Question

我想编辑每个tiddler左上角的默认“标记”列表，使其具有水平布局并避开tiddlers文本。

由于我对tiddlywiki和javascript很新，我不知道在哪里以及如何实现此功能。我想最好的地方是作为tiddler本身的插件（不编辑源代码）。

我意识到我可以使用“ViewTemplate”Shadow-Tiddler移动“标记”列表。看起来好像标签是使用那里的“taggin”宏创建的。所以我想我会以某种方式需要修改那个宏？

Thanx获得所有答案。

Answer 1

它不需要JavaScript来执行您的要求。以下是一些尝试的变化：

首先，我编辑了StyleSheet影子tiddler，如下所示：

/*{{{*/
.tagging li {
  display: inline;
}
/*}}}*/

这会导致li元素水平流动。我还对ViewTemplate影子tiddler进行了以下更改：

<div class='tagging' macro='tagging'></div>
<div class='tagClear'></div>
<div class='tagged' macro='tags'></div>

通过插入tagClear div，我阻止文字环绕tagging div元素。

最后，您可能希望摆脱列表开头的"tagging: "标签。您可以通过创建配置tiddler删除（或更改它），为其添加systemConfig标记，然后添加：

//{{{
  config.macros.tagging.label = "";
//}}}

此tiddler有时会被命名为zzConfig或zzUserConfig，因为systemConfig tiddlers按字母顺序执行。

作为替代方案，您可能希望将ViewTemplate与StyleSheet的效果结合起来，如下所示：

/*{{{*/
.tagging { float: none; }
.tagging li { display: inline; }
/*}}}*/

唯一剩下的就是根据自己的喜好格式化div！