Template:Markup

Template documentation[view] [edit] [history] [purge]

This template is used to present markup or code side by side with the output it renders.

Usage

Each cell in the first ("Markup") column uses <pre> to retain newlines and spaces but styled to allow content to wrap within it. It is usually desirable to escape the content of these cells so that the markup is displayed by wrapping the markup in Template:Xtag. It is technically not possible to add this feature to the template.

Each cell in the second ("Renders as") column is usually the unescaped markup copied from the corresponding "Markup" cell before it. There are instances where this may differ:

• If the first line includes wikimarkup that must start on a new line such as #, * or ; then use <nowiki /> before the first line; see examples below.
• Header markup such as == will show in the page table of contents; use {{fake heading}}.
• Some templates will place the page in a maintenance category, which is usually undesired:
  • Instead of {{citation needed}}, use {{fake citation needed}}.
• Some templates may have error checking that places the page in a maintenance category. Suppress the category as possible:
  • Citation Style 1 templates can suppress the maintenance category by setting |template doc demo=true.

Limitations

Template:Xtag

If you don't wrap the content of the markup cell in Template:Xtag, then any template markup will not be escaped, it will be expanded.

This example shows the markup for {{tl|tag}}:

{{#if: | {{!+)) {{{title}}} }}

Renders as	Expected rendering
{{[[Template:tag|tag]]}}	{{tl|tag}}

HTML entities

HTML entities are parsed in the markup cell:

{{#if: | {{!+)) {{{title}}} }}

Nowikied markup shows as	Expected markup
–	 –

To work around this, replace the & with & thus   will show as  

Examples

Simple

{{#if: | {{!+)) {{{title}}} }}

Markup	Renders as
'''Bold text'''	Bold text

Short cut

See Template:Mra.

Enter this:

{{subst:mra|'''Bold text'''|''Italic text''}}

To make this:

{{markup|
<nowiki>'''Bold text'''</nowiki>|'''Bold text'''|
<nowiki>''Italic text''</nowiki>|''Italic text''}}

Which renders as:

{{#if: | {{!+)) {{{title}}} }}

Markup	Renders as
'''Bold text'''	Bold text

More complex

Note that Template:Tl2's second argument here uses Template:Tl2 and Template:Tl2.

{{#if: | {{!+)) {{{title}}} }}

Markup	Renders as
The quick brown fox jumps over the lazy dog.{{#tag:ref|A footnote.<ref>A reference for the footnote.</ref>|group=nb}} The cow jumped over the moon.{{fact}} == Notes == {{reflist|group=nb}} == References == {{reflist}}	The quick brown fox jumps over the lazy dog. The cow jumped over the moon. Notes References

Multiple rows

{{#if: | {{!+)) {{{title}}} }}

Markup	Renders as
The quick brown fox jumps over the lazy dog.	The quick brown fox jumps over the lazy dog.

With title

{{#if: Foxes and dogs | Template:!+)) '''Foxes and dogs'''

Markup	Renders as
The quick brown fox jumps over the lazy dog.	The quick brown fox jumps over the lazy dog.

Showing rendered HTML

When a template is enclosed within {{code}}, it shows the rendered HTML:

{{#if: | {{!+)) {{{title}}} }}

Markup	Renders as
{{cite book |last=White |first=T. H. |title=The Book of Merlyn |year=1977}}	White, T. H. (1977). The Book of Merlyn.

See also

• {{Markup2}} for bulleted and indented markup.
• {{Markupv}} for the vertical presentation (above/below) of markup/code and its output.
• {{Automarkup}} does not require to write the code samples twice.

TemplateData

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. Click here to see a monthly parameter usage report for this template based on this TemplateData.

TemplateData for Markup

Template parameters[Edit template data]

Parameter		Description	Type	Status
margin-left	margin-left	To set a margin on the table's lefthand side. Default 0	String	optional
width	width	To set the table's overall width. Default 100%	String	optional
style	style	For CSS styles amending the table's overall appearance.	String	optional
noheaders	noheaders	Set (as e.g. noheaders=on) to suppress the columns' headings and table's title.	String	optional
title	title	Title above table.	String	optional
colheaderstyle	colheaderstyle	For CSS styling to amend the appearance of each column's heading.	String	optional
col1headerstyle	col1headerstyle	For CSS styling to amend the appearance of the first column's heading. Overrides (but does not replace) colheaderstyle.	String	optional
col1	col1	First column (markup/code)'s heading. Default "Markup"	String	optional
col2headerstyle	col2headerstyle	For CSS styling to amend the appearance of the second column's heading. Overrides (but does not replace) colheaderstyle.	String	optional
col2	col2	Second column (output)'s heading. Default "Renders as"	String	optional
codestyle	codestyle markupstyle	For CSS styles amending the presentation of the first column (markup/code)'s content (e.g. a smaller font-size).	String	optional
outputstyle	outputstyle	For CSS styles amending the presentation of the second column (output)'s content.	String	optional
1	1	row 1, first column (markup/code)'s content.	String	optional
2	2	row 1, second column (output)'s content.	String	optional
3	3	row 2, first column's content (etc).	String	optional
4	4	row 2, second column's content (etc).	String	optional
39	39	First column's content in last possible row.	String	optional
40	40	Second column's content in last possible row.	String	optional

The above documentation is transcluded from Template:Markup/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.