Redmineのtextile記法の備忘録

#はじめに
Redmineのチケットの本文や注記、wikiに記載する際の「textile」記法について、
実際に使用してみた結果利用頻度が高かった機能を備忘録として記載しています。

#文字に対して書体を変更する
文字に対して、書体を変更したい場合に使用する。
###文字を太字にする
太字にしたい文字に対して「*」で挟み込む
![太字.png](https://qiita-image-store.s3.amazonaws.com/0/290874/79efc8e9-d255-879e-4e66-a6c63096bf7a.png)

###文字に下線を引く
下線を引きたい文字に対して「+」で挟み込む
![下線.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/46c35a27-097c-dd63-48e1-bc9d5c9aaef8.png)

###文字に取消線を引く
取消線を引きたい文字に対して「-」で挟み込む
![取消線.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/c96cc409-c5cf-6a4f-614a-37b29bc82b23.png)



#箇条書き
行の先頭に「*」や「#」を用いることで、箇条書きを実現できより見やすくできます。
※「\*」、「#」の後ろに半角スペースが必要

###リスト
箇条書きにしたい行の先頭に「\*」を付ける。
「\*」の数を増やすことで記号やインデントを調整可能。
![箇条書き.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/1df18b48-83c2-1383-cc22-1a87dce3bf86.png)


###番号付きリスト
箇条書きのリストに番号を付与する場合、箇条書きにしたい行の先頭に「#」を付ける
「#」の数を増やすことで数字やインデントを調整可能。
![箇条書き_番号付き.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/921b14f9-50af-8745-2d13-00ca4d3f5183.png)


#水平線
1つの内容の中で分割して表現したい場合、「---」を記載することで水平線を入れることができる。
※「---」の前後の行に空白行が必要

![水平線.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/045a8dc4-f69d-b009-71b6-c5da47f12fdd.png)


#テーブル
記載内容に表を表示したい場合に使用する。

###シンプルなテーブル
文字列を「|」で挟むとテーブルとして表示できる。
例）|セルの内容|
![テーブル.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/01d33f87-ad39-35bf-7366-0c1ddba148c3.png)

###縦方向にセル結合したテーブル
縦方向にセルを結合してテーブルを表現したい場合は、
「|」+「/結合したいセル数」+「.」+「セルの内容」+「|」で挟むと、
縦方向にセル結合したテーブルとして表現できる。
例）|/2.セルの内容|
![テーブル縦.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/b6a4e9db-6d9d-e8e0-df22-36d4b13eb110.png)


###横方向にセル結合したテーブル
横方向にセルを結合してテーブルを表現したい場合は、
「|」+「\結合したいセル数」+「.」+「セルの内容」+「|」で挟むと、
横方向にセル結合したテーブルとして表現できる。
例）|\2.セルの内容|
![テーブル横.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/815d4c39-0d41-1bb5-7d7e-3f62cfc6bf3a.png)


#整形済みテキスト
ソースコードや、ログなどを整形やtextile記法による加工をせず、そのまま表示したい場合に使用する。

###整形済みテキスト
そのまま表示したい文章を\<pre>で挟むことで表現できる。
例）「\<pre>記載したい内容\</pre>」
![整形済みテキスト.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/ef01d235-69d4-25ed-a4c5-434569b119f6.png)


###整形済みテキスト+コードハイライト
整形済みテキスト同様、\<pre>を使用するが\<pre>の内側でソースコードを\<code>タグで挟みます。
さらに、\<code>タグにclass属性を付与することで表現することが可能です。
例）「\<pre>\<code class="コードハイライトしたい言語">記載したい内容\</code>\</pre>」
![整形済みテキストコードハイライト.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/b50b93d6-35ec-2b20-04b0-2f37b3c9fa2c.png)



#テキストの折りたたみ
行数が多いログファイルやソースコードを記載した際に、縦に長くなってしまう。
それを防ぐために、「{{collapse}}」を使用する。
「collapse」で囲われている部分は折り畳みが可能になる。
また、「collapse」に引数を指定することで、別の表示にすることができる。
※引数を指定しない場合は、折り畳んでいる状態は「表示」開いている状態は「隠す」と表記される。


例）引数を指定しない場合
{{collapse
折り畳みを開いた時に表示したい内容
}}

例）引数を指定する場合
{{collapse(折り畳んでいる時に表示したい内容,開いた時に表示したい内容)
折り畳みを開いた時に表示したい内容
}}

以下の画像は、引数を指定した場合になります。

###折りたたんでいる状態
![テキストの折りたたみ.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/ff17e6b6-bf94-02b5-275d-5deb224c5b42.png)

###開いている状態
![テキストの折りたたみ(描画).PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/e6b558d3-f02c-a576-3028-a3db5d493264.png)


#添付した画像ファイルを本文内に埋め込む
アップロード予定の画像ファイルを「!」で挟み込む。
画像ファイルをダウンロードやプレビュー表示しなくても、確認できるため意外と便利。

例)「!sample.JPG!」

![画像貼り付け.PNG](https://qiita-image-store.s3.amazonaws.com/0/290874/ab00b0b2-e018-555f-37c6-c138fa02803c.png)

#おわりに
記載後にうまく適用されていない場合は、以下のことを確認しましょう。
・「半角文字になっているか」
・「半角スペースや空行が入っているか」

記載内容を見やすくして、相手に伝わりやすい表現にしよう！

#参考
http://redmine.jp/tech_note/textile/
http://blog.redmine.jp/articles/syntax-hilight/
http://blog.redmine.jp/articles/2_2/collapsed-text/