あなたが求めていることをするのに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を好みに合わせてフォーマットすることだけです。