redmineで画像ファイルの横幅を指定して表示させる、他

redmineのチケットやwikiに画像を表示させたいときがあります。

そのまま表示させるとサイズが大きかったりするので横幅を指定する方法や調べたことを残しておきます。

今回使用した環境

redmine 3.4.4.stable
テキスト書式 Textile

redmineのバージョンは「管理」リンクから「情報」リンクをクリックして確認できます。

テキスト書式は「管理」リンクから「設定」リンクをクリックして確認できます。

参考先

RedmineTextFormattingTextile – Redmine
https://www.redmine.org/projects/redmine/wiki/RedmineTextFormattingTextile#Inline-images

画像をチケット、wikiに表示する

画像を表示させるにはアップロードしたファイル名を半角の!で囲うと表示できます。

!attached_img.xxx!

画像の横幅を指定する

画像の横幅を指定するには以下のように書きます。

!{width: 200px}attached_img.xxx!
!{width: 50%}attached_img.xxx!

画像に枠線をつける

画像に枠線をつける場合は以下のように書きます。

!{border: solid}attached_img.xxx!

調べていて知ったのですが、実は中かっこ内はCSSの指定をしているだけでした。

なので、複数の指定をしたい場合は以下のように書きます。

!{width: 250px; border: solid}attached_img.xxx!

画像にタイトルをつける

!attached_img.xxx(Image title)!

画像にリンクをつける

!attached_img.xxx!:URL

画像を右側表示にする

!>attached_img.xxx!

コメント

タイトルとURLをコピーしました