目次

, ,

【Dokuwiki】Wrap Plugin のデモ

DokuWiki の Wrap Plugin の機能を試してみるページです。

columns クラス

クラス名

Wiki ソース

<WRAP column>column</WRAP>\\
<WRAP left>left</WRAP>\\
<WRAP right>right</WRAP>\\
<WRAP center>center</WRAP>\\
<WRAP col2>col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。</WRAP>\\
<WRAP colsmall>colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。</WRAP>\\
<WRAP colmedium>colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。</WRAP>\\
<WRAP collarge>collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。</WRAP>\\

表示結果

column


left


right


center


col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。col2 これはサンプルです。


colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。colsmall これはサンプルです。


colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。colmedium これはサンプルです。


collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。collarge これはサンプルです。


widths クラス

クラス名

Wiki ソース

<WRAP group>
<WRAP half column>half これはサンプルです1。half これはサンプルです1。half これはサンプルです1。half これはサンプルです1。half これはサンプルです1。</WRAP>
<WRAP half column>half これはサンプルです2。half これはサンプルです2。half これはサンプルです2。half これはサンプルです2。half これはサンプルです2。</WRAP>
<WRAP third column>third これはサンプルです。third これはサンプルです。third これはサンプルです。third これはサンプルです。third これはサンプルです。</WRAP>
<WRAP twothirds column>twothirds これはサンプルです。twothirds これはサンプルです。twothirds これはサンプルです。twothirds これはサンプルです。twothirds これはサンプルです。</WRAP>
<WRAP quarter column>quarter これはサンプルです1。quarter これはサンプルです1。quarter これはサンプルです1。quarter これはサンプルです1。quarter これはサンプルです1。</WRAP>
<WRAP quarter column>quarter これはサンプルです2。quarter これはサンプルです2。quarter これはサンプルです2。quarter これはサンプルです2。quarter これはサンプルです2。</WRAP>
<WRAP quarter column>quarter これはサンプルです3。quarter これはサンプルです3。quarter これはサンプルです3。quarter これはサンプルです3。quarter これはサンプルです3。</WRAP>
<WRAP quarter column>quarter これはサンプルです4。quarter これはサンプルです4。quarter これはサンプルです4。quarter これはサンプルです4。quarter これはサンプルです4。</WRAP>
<WRAP column 30%>30% これはサンプルです。30% これはサンプルです。30% これはサンプルです。30% これはサンプルです。30% これはサンプルです。</WRAP>
<WRAP column 100px>100px これはサンプルです。100px これはサンプルです。100px これはサンプルです。100px これはサンプルです。100px これはサンプルです。</WRAP>
<WRAP column 20em>20em これはサンプルです。20em これはサンプルです。20em これはサンプルです。20em これはサンプルです。20em これはサンプルです。</WRAP>
</WRAP>

表示結果

half これはサンプルです1。half これはサンプルです1。half これはサンプルです1。half これはサンプルです1。half これはサンプルです1。

half これはサンプルです2。half これはサンプルです2。half これはサンプルです2。half これはサンプルです2。half これはサンプルです2。

third これはサンプルです。third これはサンプルです。third これはサンプルです。third これはサンプルです。third これはサンプルです。

twothirds これはサンプルです。twothirds これはサンプルです。twothirds これはサンプルです。twothirds これはサンプルです。twothirds これはサンプルです。

quarter これはサンプルです1。quarter これはサンプルです1。quarter これはサンプルです1。quarter これはサンプルです1。quarter これはサンプルです1。

quarter これはサンプルです2。quarter これはサンプルです2。quarter これはサンプルです2。quarter これはサンプルです2。quarter これはサンプルです2。

quarter これはサンプルです3。quarter これはサンプルです3。quarter これはサンプルです3。quarter これはサンプルです3。quarter これはサンプルです3。

quarter これはサンプルです4。quarter これはサンプルです4。quarter これはサンプルです4。quarter これはサンプルです4。quarter これはサンプルです4。

30% これはサンプルです。30% これはサンプルです。30% これはサンプルです。30% これはサンプルです。30% これはサンプルです。

100px これはサンプルです。100px これはサンプルです。100px これはサンプルです。100px これはサンプルです。100px これはサンプルです。

20em これはサンプルです。20em これはサンプルです。20em これはサンプルです。20em これはサンプルです。20em これはサンプルです。

alignments クラス

クラス名

Wiki ソース

<WRAP leftalign>leftalign これはサンプルです。</WRAP>
<WRAP rightalign>rightalign これはサンプルです。</WRAP>
<WRAP centeralign>centeralign これはサンプルです。</WRAP>
<WRAP justify>justify これはサンプルです。</WRAP>

表示結果

leftalign これはサンプルです。

rightalign これはサンプルです。

centeralign これはサンプルです。

justify これはサンプルです。

boxes and notes クラス

クラス名

Wiki ソース

<WRAP column box>box これはサンプルです。</WRAP>
<WRAP column info round>info これはサンプルです。</WRAP>
<WRAP column important>important これはサンプルです。</WRAP>
<WRAP column alert round>alert これはサンプルです。</WRAP>
<WRAP column tip>tip これはサンプルです。</WRAP>
<WRAP column help round>help これはサンプルです。</WRAP>
<WRAP column todo>todo これはサンプルです。</WRAP>
<WRAP column download round>download これはサンプルです。</WRAP>
<WRAP column danger>danger これはサンプルです。</WRAP>
<WRAP column warning round>warning これはサンプルです。</WRAP>
<WRAP column caution>caution これはサンプルです。</WRAP>
<WRAP column notice round>notice これはサンプルです。</WRAP>
<WRAP column safety>safety これはサンプルです。</WRAP>

表示結果

box これはサンプルです。

info これはサンプルです。

important これはサンプルです。

alert これはサンプルです。

tip これはサンプルです。

help これはサンプルです。

todo これはサンプルです。

download これはサンプルです。

danger これはサンプルです。

warning これはサンプルです。

caution これはサンプルです。

notice これはサンプルです。

safety これはサンプルです。

marks クラス

クラス名

Wiki ソース

これはサンプルです。<wrap hi>hi これはサンプルです。</wrap> これはサンプルです。\\
これはサンプルです。<wrap lo>lo これはサンプルです。</wrap> これはサンプルです。\\
これはサンプルです。<wrap em> em これはサンプルです。</wrap> これはサンプルです。\\

表示結果

これはサンプルです。hi これはサンプルです。 これはサンプルです。
これはサンプルです。lo これはサンプルです。 これはサンプルです。
これはサンプルです。 em これはサンプルです。 これはサンプルです。

その他のクラス

クラス名

Wiki ソース

<WRAP group>
<WRAP column 30%>折り返す。</WRAP><WRAP clear />
<WRAP column 30%>あいうえお</WRAP><WRAP clear />
</WRAP>
<WRAP tabs>
  * [[dokuwiki:install|インストールと初期設定]]
  * [[dokuwiki:bootstrap3_template|Bootstrap3 Template を適用する]]
  * [[dokuwiki:plugins|インストールしたプラグイン]]
</WRAP>
次の文言は隠れます。<wrap hide>隠れた文言です。</wrap>前の文言は隠れます。
<WRAP noprint>この文言は画面に表示されますが、印刷されません。</WRAP>
<WRAP onlyprint>この文言は印刷されますが、画面に表示されません。</WRAP>
印刷時にページ区切りが入ります。<WRAP pagebreak />
印刷時にページ区切りしないように試みます。<WRAP nopagebreak />
ネタばれしないように文言を隠します。<wrap spoiler>ネタばれ厳禁!</wrap>
<WRAP button>[[dokuwiki:install|インストールと初期設定]]</WRAP>
<WRAP tablewidth 80%>
^ 列1 ^ 列2 ^
| テーブル | の |
| 幅は | 80 % |
</WRAP>
インデントなし
<WRAP indent>インデントあり</WRAP>
<WRAP outdent>アウトデントあり</WRAP>
<WRAP prewrap 100px>この文章は一行ですが、指定した幅で折り返されます。</WRAP>

表示結果

折り返す。

あいうえお

次の文言は隠れます。隠れた文言です。前の文言は隠れます。

この文言は画面に表示されますが、印刷されません。

この文言は印刷されますが、画面に表示されません。

印刷時にページ区切りが入ります。

印刷時にページ区切りしないように試みます。

ネタばれしないように文言を隠します。ネタばれ厳禁!

列1 列2
テーブル
幅は 80 %

インデントなし

インデントあり

アウトデントあり

この文章は一行ですが、指定した幅で折り返されます。

参考