DokuWiki Plugin Self-Develop

Dokuwiki Wrap Demo

Demonstrate the CSS I designed for wrap plugin.
CSS Source: card

Code

<WRAP group>

<WRAP card third column>
===== Title#1 =====
Content ...
</WRAP>

<WRAP card third column>
===== Title#2 =====
Content ...
</WRAP>

<WRAP card third column>
===== Title#3 =====
Content ...
</WRAP>

</WRAP>

Demo

Content …

Content …

Content …

CSS Source: Command

Code

<wrap cmd>sudo rmdir <wrap cmdp>directory</wrap></wrap>

Demo

sudo rmdir directory

CSS Source: None

Code

  * <wrap isa>Instruction</wrap>
  * <wrap reg>Register</wrap>

Demo

  • Instruction
  • Register
CSS Source: None

Code

<wrap suspect>I suspect something.</wrap>

Demo

I suspect something.

CSS Source: None

Code

<WRAP scale column>8-)</WRAP>

Demo

8-)

CSS Source: None

Code

  * <wrap pkg>VS Code</wrap>
  * <wrap reg>PC</wrap>
  * <wrap isa>LDR</wrap>
  * <wrap cmd>mkdir <wrap cmdp>newdir</wrap></wrap>
  * <wrap abbr>Abbreviation</wrap>
  * <wrap menu>Log Out</wrap>
  * <wrap state>Spin</wrap>
  * <wrap path>/home/source</wrap>
  * <wrap file>/home/source/.bashrc</wrap>

Demo

  • VS Code
  • PC
  • LDR
  • mkdir newdir
  • Abbreviation
  • Log Out
  • Spin
  • /home/source
  • /home/source/.bashrc
CSS Source: None

Code

  * <wrap key>Enter</wrap>
  * <wrap keys><wrap key>Ctrl</wrap><wrap key>Alt</wrap><wrap key>Del</wrap></wrap>

Demo

  • Enter
  • CtrlAltDel
CSS Source: None

Code

<WRAP box>
<WRAP not>Name Of Table</WRAP>
<WRAP nof>Name Of Figure</WRAP>
</WRAP>

Demo

Name Of Table

Name Of Figure

CSS Source: None

Code

<wrap doc>IEEE 802.3 <wrap clause>1.2.3 PHY Notation</wrap></wrap>

Demo
IEEE 802.3 1.2.3 PHY Notation

W E B B J