PmWiki

pmwiki.org

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Skin<->Markup Test Page

A skin test page
This page merely includes other pages that contain wiki markup to use for testing skins. Feel free to improve a page or create a new one and add an (:include:) to this list if you have some markup that you would like to see rendered by the skins installed on pmwiki.org. -Hagan

Note: this form may give wrong test results for some skins, as some skins employ special markup functions the test does not evoke.

Also see SkinTest-Compact for a newer skin-comparison page.
Use this page to see how various wiki markup looks when you are using the Skins that are installed on pmwiki.org. If you discover some important Test Markup missing please use one of the edit links to add it.

Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector

Skin Selector (edit)

Choose the skin to try from the list on the right, or reset to the PmWiki skin:

(:template each:)

  •  

Note: This list only includes skins that are installed on pmwiki.org. To see the skins that are missing from this list, install them on your local copy of PmWiki.

Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector

Text Tests (edit)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. Aliquam mi velit, interdum et, feugiat ut, dictum eget, eros. Cras vulputate sapien vitae massa. Vestibulum eget wisi. Nulla ac justo non metus bibendum sagittis. Phasellus nonummy odio quis ante. Nunc vel lectus a lacus porttitor consequat.

Proin venenatis. Praesent arcu. Vestibulum aliquet pellentesque odio. In viverra quam sed magna dapibus fringilla. Duis eleifend ante ac eros. Fusce nunc. Vivamus lectus magna, fringilla vel, ultricies id, convallis quis, mi. Mauris eros erat, dapibus eget, vestibulum dapibus, luctus ut, eros. Nullam id dolor. Aenean ut tortor. Duis in nulla at ante viverra faucibus. Donec pulvinar gravida est. Sed nec est vel pede fringilla varius. Pellentesque ac felis. Ut luctus, arcu nec pretium dapibus, lorem enim varius purus, at varius ipsum metus nec leo.

Small text. Normal text. Large text.
Large monospaced. Normal monospaced. Small monospaced.
Strong text. Emphasized text. Superscript and Subscript.

Indented text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus.
Double-indented text. Proin venenatis. Praesent arcu. Vestibulum aliquet pellentesque odio. In viverra quam sed magna dapibus fringilla. Duis eleifend ante ac eros. Fusce nunc. Vivamus lectus magna, fringilla vel, ultricies id, convallis quis, mi.
Hanging indented (outdented) text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus.
"Double" Hanging indented (outdented) text. Proin venenatis. Praesent arcu. Vestibulum aliquet pellentesque odio. In viverra quam sed magna dapibus fringilla. Duis eleifend ante ac eros. Fusce nunc. Vivamus lectus magna, fringilla vel, ultricies id, convallis quis, mi.
Definition
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus.

Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector

Heading Tests (edit)

XXXXX Heading

XXXXX Subheading

XXXXX Sub-subheading

XXXXX Sub-sub-subheading

Level 2 Heading (Link)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. Aliquam mi velit, interdum et, feugiat ut, dictum eget, eros. Cras vulputate sapien vitae massa.

Level 3 Heading (Link)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. Aliquam mi velit, interdum et, feugiat ut, dictum eget, eros. Cras vulputate sapien vitae massa.

Level 4 Heading (Link)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. Aliquam mi velit, interdum et, feugiat ut, dictum eget, eros. Cras vulputate sapien vitae massa.

Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector

List Tests (edit)

Ordered List

  1. Top level
    1. second-level
    2. second-level
    3. second-level
      1. third-level
      2. third-level
    4. second-level
      1. third-level
        1. fourth-level
          1. fifth-level
          2. fifth-level
        2. fourth-level
  2. top-level
  3. top-level

Unordered List

  • Animals
    • Dogs
      • Spot
      • Rover
    • Cats
      • Boots
      • Felix
  • Plants
    • Trees
      • Deciduous
        • Oak
        • Elm
        • Muberry
      • Evergreen
        • Pine
          • Aleppo
          • Ponderosa
        • Spruce
          • Blue
          • Oriental
        • Fir
          • Silver
          • Noble

Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector

Image Tests (edit)

Image With Text on Left (Float)

%lfloat%Attach:pmwiki-32.gif%%
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec vitae purus non mauris dapibus congue. Nulla
facilisi. Curabitur non quam. Vivamus sem orci, euismod
sed, faucibus vitae, tristique vel, orci. Donec elementum.
Curabitur id dui. Aenean imperdiet, arcu in pulvinar
luctus, sapien eros pulvinar elit, vel mattis felis dolor
ut nunc. Ut viverra. Sed scelerisque vulputate pede.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae purus non mauris dapibus congue. Nulla facilisi. Curabitur non quam. Vivamus sem orci, euismod sed, faucibus vitae, tristique vel, orci. Donec elementum. Curabitur id dui. Aenean imperdiet, arcu in pulvinar luctus, sapien eros pulvinar elit, vel mattis felis dolor ut nunc. Ut viverra. Sed scelerisque vulputate pede.

Image With Text on Right (Float)

%rfloat%Attach:pmwiki-32.gif%%
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec vitae purus non mauris dapibus congue. Nulla
facilisi. Curabitur non quam. Vivamus sem orci, euismod
sed, faucibus vitae, tristique vel, orci. Donec elementum.
Curabitur id dui. Aenean imperdiet, arcu in pulvinar
luctus, sapien eros pulvinar elit, vel mattis felis dolor
ut nunc. Ut viverra. Sed scelerisque vulputate pede.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae purus non mauris dapibus congue. Nulla facilisi. Curabitur non quam. Vivamus sem orci, euismod sed, faucibus vitae, tristique vel, orci. Donec elementum. Curabitur id dui. Aenean imperdiet, arcu in pulvinar luctus, sapien eros pulvinar elit, vel mattis felis dolor ut nunc. Ut viverra. Sed scelerisque vulputate pede.

A Centered Image

(:table width=100%:)
(:cell align=center:)
Attach:pmwiki-32.gif
(:tableend:)

Two Images

Attach:pmwiki-32.gif
Attach:pmwiki-32.gif Attach:pmwiki-32.gif

Image With Text on Right (Table)

(:table width=100% style='background-color:#f6f9f9;':)
(:cell bgcolor=white:)
Attach:pmwiki-32.gif
(:cell:)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus.  Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. 
(:tableend:)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus.

Image With Text on Left (Table)

(:table width=100% style='background-color:#f6f9f9;':)
(:cell:)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus.  Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. 
(:cell bgcolor=white:)
Attach:pmwiki-32.gif
(:tableend:)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus.

Large Image

%width=300px%Attach:pmwiki-32.gif

Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector

Table Tests (edit)

(:table width=75%  border=1 cellpadding=5px cellspacing=0:)
(:cell:) table 75% wide
(:cell align=center:) centred cell
(:cell align=right:) right aligned cell
(:cellnr:) next row
(:cell align=center:) centred cell
(:cell align=right:) right aligned cell
(:tableend:)
table 75% wide centred cell right aligned cell
next row centred cell right aligned cell

This table, styled with "smaller"-sized fonts in the <table> tag 

||width=75% align=center style="background-color: #eeeeee; font-size: smaller;"
||! ||! Dr.||! Cr.||
||Wages and Salaries Income || || 190||
 Dr.Cr.
Wages and Salaries Income 190

should look like this one. which has the font size set in each cell: 

(:table width=75% align=center style='background-color: #eeeeee;':)
(:cell style='font-size: smaller;':)
(:cell style='font-size: smaller; text-align:right;':)
'''Dr.'''
(:cell style='font-size: smaller; text-align:right;':)
'''Cr.'''
(:cellnr style='font-size: smaller; text-align:left;':)
Wages and Salaries Income
(:cell style='font-size: smaller; text-align:right;':)
(:cell style='font-size: smaller; text-align:right;':)
190
(:tableend:)

Dr.

Cr.

Wages and Salaries Income

190

Long Tables

Very long horizontal tables to see the effect with the right sidebar

Tables

Header 1Header 2Header 3Header 4Header 5Header 6Header 7Header 8Header 9Header 10Header 11Header 12Header 13Header 14Header 15
A 1A 2A 3A 4A 5A 6A 7A 8A 9A 10A 11A 12A 13A 14A 15
B 1B 2B 3B 4B 5B 6B 7B 8B 9B 10B 11B 12B 13B 14B 15
C 1C 2C 3C 4C 5C 6C 7C 8C 9C 10C 11C 12C 13C 14C 15

TableDirectives

Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Header 7 Header 8 Header 9 Header 10 Header 11 Header 12 Header 13 Header 14 Header 15
A 1 A 2 A 3 A 4 A 5 A 6 A 7 A 8 A 9 A 10 A 11 A 12 A 13 A 14 A 15
B 1 B 2 B 3 B 4 B 5 B 6 B 7 B 8 B 9 B 10 B 11 B 12 B 13 B 14 B 15
C 1 C 2 C 3 C 4 C 5 C 6 C 7 C 8 C 9 C 10 C 11 C 12 C 13 C 14 C 15

Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector

Block Tests (edit)

With Bulleted List

  • bulleted string
  • bulleted string
  • bulleted string

Suspendisse nisl tellus, tincidunt ac, adipiscing in, tincidunt.

  • bulleted string
  • bulleted string
  • bulleted string
  • bulleted string
  • bulleted string
  • bulleted string
  • bulleted string
  • bulleted string
  • bulleted string
  • bulleted string
  • bulleted string

normal string

Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector

Form Tests (edit)

Forms

(:input form:)
(:input select name=FIRST value=1:)(:input select name=FIRST value=2:)[==]
(:input select name=SECOND value=3:)(:input select name=SECOND value=4:)
(:input end:)

Kmarie

Related pages

Array
(
    [post_max_size] => 64M
    [$_POST keys] => 
    [$_REQUEST keys] => n, skin
    [$_SERVER] => Array
        (
            [CONTEXT_DOCUMENT_ROOT] => /home/pmwiki/public_html
            [CONTEXT_PREFIX] => 
            [DOCUMENT_ROOT] => /home/pmwiki/public_html
            [GATEWAY_INTERFACE] => CGI/1.1
            [HTTPS] => on
            [HTTP_ACCEPT] => */*
            [HTTP_ACCEPT_ENCODING] => gzip, br, zstd, deflate
            [HTTP_COOKIE] => PHPSESSID=o2a2dl92dbmb1e8o4pjcu9ioq4; imstime=1777506745
            [HTTP_HOST] => www.pmwiki.org
            [HTTP_USER_AGENT] => Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
            [HTTP_X_HTTPS] => 1
            [PATH] => /bin:/usr/bin
            [PHP_INI_SCAN_DIR] => /opt/cpanel/ea-php70/root/etc:/opt/cpanel/ea-php70/root/etc/php.d:.
            [QUERY_STRING] => n=Test%2fSkinTestAssortment&skin=mobile
            [REDIRECT_HTTPS] => on
            [REDIRECT_QUERY_STRING] => n=Test%2fSkinTestAssortment&skin=mobile
            [REDIRECT_SCRIPT_URI] => https://www.pmwiki.org/wiki/Test/SkinTestAssortment
            [REDIRECT_SCRIPT_URL] => /wiki/Test/SkinTestAssortment
            [REDIRECT_SSL_TLS_SNI] => www.pmwiki.org
            [REDIRECT_STATUS] => 200
            [REDIRECT_UNIQUE_ID] => afKZ4WkqSsHQml-Kqw12BQAAAM4
            [REDIRECT_URL] => /wiki/Test/SkinTestAssortment
            [REMOTE_ADDR] => 216.73.216.31
            [REMOTE_PORT] => 33141
            [REQUEST_METHOD] => GET
            [REQUEST_SCHEME] => https
            [REQUEST_URI] => /wiki/Test/SkinTestAssortment?skin=mobile
            [SCRIPT_FILENAME] => /home/pmwiki/public_html/index.php
            [SCRIPT_NAME] => /index.php
            [SCRIPT_URI] => https://www.pmwiki.org/wiki/Test/SkinTestAssortment
            [SCRIPT_URL] => /wiki/Test/SkinTestAssortment
            [SERVER_ADDR] => 23.254.203.248
            [SERVER_ADMIN] => webmaster@pmwiki.org
            [SERVER_NAME] => www.pmwiki.org
            [SERVER_PORT] => 443
            [SERVER_PROTOCOL] => HTTP/1.1
            [SERVER_SIGNATURE] => 
            [SERVER_SOFTWARE] => Apache
            [SSL_TLS_SNI] => www.pmwiki.org
            [TZ] => America/Los_Angeles
            [UNIQUE_ID] => afKZ4WkqSsHQml-Kqw12BQAAAM4
            [PHP_SELF] => /index.php
            [REQUEST_TIME_FLOAT] => 1777506785.8747
            [REQUEST_TIME] => 1777506785
            [argv] => Array
                (
                    [0] => n=Test%2fSkinTestAssortment&skin=mobile
                )

            [argc] => 1
        )

)

 0: 00.00 00.00 EnablePost = 1, keys=
 1: 00.00 00.00 config start
 2: 00.01 00.01 config end
 3: 00.03 00.02 MarkupToHTML begin
 4: 00.04 00.03 MarkupToHTML begin
 5: 00.05 00.04 MarkupToHTML end
 6: 00.05 00.04 MarkupToHTML begin
 7: 00.05 00.04 MarkupToHTML end
 8: 00.05 00.04 MarkupToHTML begin
 9: 00.05 00.04 MarkupToHTML end
10: 00.05 00.04 MarkupToHTML begin
11: 00.05 00.04 MarkupToHTML end
12: 00.05 00.04 MarkupToHTML begin
13: 00.05 00.04 MarkupToHTML end
14: 00.05 00.04 MarkupToHTML begin
15: 00.06 00.04 MarkupToHTML end
16: 00.06 00.04 MarkupToHTML begin
17: 00.06 00.04 MarkupToHTML end
18: 00.06 00.04 MarkupToHTML begin
19: 00.06 00.05 MarkupToHTML end
20: 00.06 00.05 MarkupToHTML begin
21: 00.06 00.05 MarkupToHTML end
22: 00.06 00.05 MarkupToHTML begin
23: 00.06 00.05 MarkupToHTML end
24: 00.06 00.05 MarkupToHTML begin
25: 00.07 00.05 MarkupToHTML end
26: 00.08 00.07 FPLTemplate: Chain begin
27: 00.08 00.07 FPLTemplate: FPLTemplateLoad
28: 00.08 00.07 FPLTemplate: FPLTemplateDefaults
29: 00.08 00.07 FPLTemplate: FPLTemplatePageList
30: 00.08 00.07 MakePageList pre
31: 00.08 00.07 PageListSources begin
32: 00.08 00.07 PageStore::ls begin wiki.d/{$FullName}
33: 00.09 00.07 PageStore::ls merge wiki.d/{$FullName}
34: 00.09 00.08 PageStore::ls end wiki.d/{$FullName}
35: 00.09 00.08 PageStore::ls begin $FarmD/wikilib.d/{$FullName}
36: 00.09 00.08 PageStore::ls merge $FarmD/wikilib.d/{$FullName}
37: 00.09 00.08 PageStore::ls end $FarmD/wikilib.d/{$FullName}
38: 00.09 00.08 PageListSources end count=114
39: 00.09 00.08 PageListSort pre ret=4 order=name
40: 00.09 00.08 MakePageList items count=114, filters=
41: 00.09 00.08 MakePageList post count=114, readc=0
42: 00.09 00.08 PageListSort begin
43: 00.09 00.08 PageListSort sort
44: 00.09 00.08 PageListSort end
45: 00.09 00.08 MakePageList end
46: 00.09 00.08 FPLTemplate: FPLTemplatePmWikiOrg
47: 00.09 00.08 MarkupToHTML begin
48: 00.10 00.08 MarkupToHTML end
49: 00.10 00.08 FPLTemplate: FPLTemplateSliceList
50: 00.10 00.08 FPLTemplate: FPLTemplateFormat
51: 00.11 00.10 MarkupToHTML begin
52: 00.17 00.15 MarkupToHTML end
53: 00.17 00.15 FPLTemplate: FPLTemplatePmWikiOrgPostFormat
54: 00.17 00.15 FPLTemplate: Chain end
55: 00.23 00.21 FPLTemplate: Chain begin
56: 00.23 00.21 FPLTemplate: FPLTemplateLoad
57: 00.23 00.21 FPLTemplate: FPLTemplateDefaults
58: 00.23 00.21 FPLTemplate: FPLTemplatePageList
59: 00.23 00.21 MakePageList pre
60: 00.23 00.21 PageListSources begin
61: 00.23 00.21 PageStore::ls begin wiki.d/{$FullName}
62: 00.23 00.21 PageStore::ls merge wiki.d/{$FullName}
63: 00.23 00.22 PageStore::ls end wiki.d/{$FullName}
64: 00.24 00.22 PageStore::ls begin $FarmD/wikilib.d/{$FullName}
65: 00.24 00.22 PageStore::ls merge $FarmD/wikilib.d/{$FullName}
66: 00.24 00.22 PageStore::ls end $FarmD/wikilib.d/{$FullName}
67: 00.24 00.22 PageListSources end count=7
68: 00.24 00.22 PageListSort pre ret=4 order=name
69: 00.24 00.22 MakePageList items count=7, filters=
70: 00.24 00.22 MakePageList post count=7, readc=0
71: 00.24 00.22 PageListSort begin
72: 00.24 00.22 PageListSort sort
73: 00.24 00.22 PageListSort end
74: 00.24 00.22 MakePageList end
75: 00.24 00.22 FPLTemplate: FPLTemplatePmWikiOrg
76: 00.24 00.22 MarkupToHTML begin
77: 00.24 00.22 MarkupToHTML end
78: 00.24 00.22 FPLTemplate: FPLTemplateSliceList
79: 00.24 00.22 FPLTemplate: FPLTemplateFormat
80: 00.24 00.22 MarkupToHTML begin
81: 00.24 00.22 MarkupToHTML end
82: 00.24 00.22 FPLTemplate: FPLTemplatePmWikiOrgPostFormat
83: 00.24 00.22 FPLTemplate: Chain end
84: 00.24 00.22 MarkupToHTML end
85: 00.25 00.23 MarkupToHTML begin
86: 00.25 00.23 ReadApprovedUrls SiteAdmin.ApprovedUrls begin
87: 00.26 00.24 ReadApprovedUrls SiteAdmin.ApprovedUrls end
88: 00.26 00.24 MarkupToHTML end
89: 00.26 00.24 MarkupToHTML begin
90: 00.27 00.25 MarkupToHTML end
91: 00.27 00.25 now

Peak memory: 5,355,032 bytes