使用tiddlers在tiddlywiki中编辑特定宏

Question

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

由于我对tiddlywiki和javascript还很陌生，我不知道在哪里以及如何实现这个功能。我想最好的地方应该是作为一个插件本身（而不是编辑源代码）。

我意识到我可以使用"ViewTemplate"Shadow Tiddler移动"标记"列表本身。看起来这些标签是使用"taggin"宏创建的。所以我想我会以某种方式需要修改这个宏吗？

感谢所有的答案。

Answer 1

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

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

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

这导致li元素水平流动。我还对ViewTemplate阴影跟踪器进行了以下更改：

<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 tiddler是按字母顺序执行的。

作为替代方案，您可能希望将编辑ViewTemplate和StyleSheet的效果组合如下：

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

剩下的唯一一件事就是根据您的喜好格式化div！