Documentation » Wiki Syntax » Lists
箇条書き/Bulleted Lists
行頭にアスタリスクと半角スペース("* ")を入れることで、箇条書きにできます。アスタリスクの前にスペースを入れるとネスト構造になります。
* Bullet 1
* Bullet 2
* Bullet 2.1
箇条書きの下に文章を入れたい場合は、行末に半角スペースとアンダースコア(" _")を入れて下さい。アンダースコア後に文字を入れないように。
* Bullet 1 _
こんな感じで
* Bullet 2
* Bullet 2.1 _こうすると反映されません
番号付き箇条書き/Numbered Lists
似たような感じで、ハッシュと半角スペースで("# ")番号付きの箇条書きを形成できます。
# Item 1
# Item 2
# Item 2.1
- Item 1
- Item 2
- Item 2.1
箇条書きと同じ要領で、下に文章を追加することもできます。
# Item 1 _
やり方は同じです。
# Item 2
# Item 2.1 _こうすると反映されないのも同じです
- Item 1
やり方は同じです。
- Item 2
- Item 2.1 _こうすると反映されないのも同じです…あれ?
箇条書き/Bulleted Listsと番号付き箇条書き/Numbered Listsは混ぜて使用できます。
拡張リスト/Advanced Lists
[[ul]] / [[ol]] と [[li]]タグを使って拡張形式のリストを作ることができます。特にBootstrapテーマを使用する時に便利です。
全ての[[ul]] / [[ol]] / [[li]]タグはid, class, data-,style の引数を含めることができます。またネスト構造も可能です。
[[ul]]
[[li class="item1" data-toggle="data1"]]Item1[[/li]]
[[li style="color: red;"]]Item 2
[[ol]]
[[li]]Item 2.1[[/li]]
[[li]]Item 2.2[[/li]]
[[/ol]]
[[/li]]
[[/ul]]
- Item1
- Item 2
- Item 2.1
- Item 2.2
以下未訳;
Adding underscore to ul/ol element [[ul_/ol_ ]] will truncate whitespaces around it which prevents creation of random new lines and paragraphs. It's simplifices creation of complex HTML syntax like Bootstrap components
You can use user-defined ID arguments in advanced lists, which is extremely useful building sites using Bootstrap. Please note that every user-defined ID will have a "u-" prefix added in the output HTML for the security reasons.
To make your source more readable, you can add the "u-" prefix yourself. For example, these 2 bits of wiki syntax will output the same HTML:
"u-" prefix will be added to myAdvancedList automatically when the page is saved
[[ul id="myAdvancedList"]]
"u-" prefix will not be added to since it already exists
[[ul id="u-myAdvancedList"]]
HTML output from both examples
<ul id="u-myAdvancedList">