コードビューでの記述方法
WIKIPLUSのエディター「コードビュー」での記述方法の例をご案内しています。
画像貼り付け（画像サイズ 大）
コード
&image("filename=Blue Sky.jpg",label=large,caption=none){Blue Sky.jpg};
出力例
画像貼り付け（画像サイズ 中）
コード
&image("filename=Blue Sky.jpg",label=medium,caption=none){Blue Sky.jpg};
出力例
画像貼り付け（画像サイズ 小）
コード
&image("filename=Blue Sky.jpg",label=small,caption=none){Blue Sky.jpg};
出力例
画像貼り付け（横100px・縦67pxで表示）
コード
&image("filename=Blue Sky.jpg",size=100x67,caption=none){Blue Sky.jpg};
出力例
画像貼り付け（横200pxにしてアスペクト比を保って表示）
コード
&image("filename=Blue Sky.jpg",box=200x,caption=none){Blue Sky.jpg};
出力例
画像貼り付け（ペイン幅の70%を指定して表示）
コード
&image("filename=Blue Sky.jpg",fit=70%,caption=none){Blue Sky.jpg};
出力例
画像貼り付け（画像の説明を上側に表示）
コード
&image("filename=Blue Sky.jpg",label=medium,caption=top){画像の説明を上側に表示};
出力例
画像の説明を上側に表示
画像貼り付け（画像の説明を下側に表示 ）
コード
&image("filename=Blue Sky.jpg",label=medium,caption=bottom){画像の説明を下側に表示};
出力例
画像の説明を下側に表示
画像貼り付け（トリミング）
コード
&image("filename=Blue Sky.jpg",label=medium,trim=438*245+0*155,caption=none){Blue Sky.jpg};
出力例
画像貼り付け（右回り込みで配置）
コード
#style(float_right,width=40%){STYLE(center):&image("filename=Blue Sky.jpg",label=large,caption=none){Blue Sky.jpg};}
親譲りの…（省略）…抜かした事
#clear()
出力例
親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。（青空文庫より）親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事
画像貼り付け（左回り込みで配置）
コード
#style(float_left,width=40%){STYLE(center):&image("filename=Blue Sky.jpg",label=large,caption=none){Blue Sky.jpg};}
親譲りの…（省略）…抜かした事
#clear()
出力例
親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。（青空文庫より）親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事
画像貼り付け（3列のレイアウトに配置）
コード
#style(float_left,width=30%){STYLE(left):&image("filename=Blue Sky.jpg",label=large,caption=none){Blue Sky.jpg};}
#style(float_left,width=30%){STYLE(left):&image("filename=Blue Sky.jpg",label=large,caption=none){Blue Sky.jpg};}
#style(float_left,width=30%){STYLE(left):&image("filename=Blue Sky.jpg",label=large,caption=none){Blue Sky.jpg};}
#clear()
出力例
画像貼り付け（テーブル内に配置）
コード
|STYLE(width=50%):&image("filename=Blue Sky.jpg",label=small,caption=top){左上の画像};|STYLE(width=50%):&image("filename=Blue Sky.jpg",label=small,caption=top){右上の画像};|
|&image("filename=Blue Sky.jpg",label=small,caption=top){左下の画像};|&image("filename=Blue Sky.jpg",label=small,caption=top){右下の画像};|
出力例
| 左上の画像 | 右上の画像 |
| 左下の画像 | 右下の画像 |
