Не требуется JavaScript, чтобы делать то, что вы просите. Вот несколько изменений, чтобы попробовать:
Сначала я отредактировал тендлер StyleSheet
следующим образом:
/*{{{*/
.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: "
в начале списка. Вы можете удалить (или изменить его), создав конфигурационный тидлер, присвоив ему тег systemConfig
и добавив:
//{{{
config.macros.tagging.label = "";
//}}}
Этому тиддлеру иногда присваивается имя, например zzConfig
или zzUserConfig
, поскольку тиддлеры systemConfig
выполняются в алфавитном порядке.
В качестве альтернативы вы можете объединить эффект редактирования ViewTemplate
с StyleSheet
следующим образом:
/*{{{*/
.tagging { float: none; }
.tagging li { display: inline; }
/*}}}*/
Осталось только отформатировать div по своему вкусу!