Template:Markup

Template documentation (for the above template, sometimes hidden or invisible)

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

Usage

Each pair of {{Markup}}'s arguments should be two copies of some wikitext markup, with the first of the pair enclosed in Template:Xtag tags. The template produces output in two columns, the first showing the markup and the second showing how it is rendered. The template accepts up to 40 unnamed parameters, resulting in up to 20 rows of examples.

This:

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

Produces this:

Markup [[:Template:	Renders as
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]

In many cases, the markup for both columns are identical, but there are instances where this may need to differ. If none of these issues apply, then you may use {{mra}} to save yourself from copying the code twice.

• Header markup such as == will show in the page table of contents; to avoid this, use {{fake heading}} in the markup for the second column (see example below).
• Some templates will place the page in a maintenance category, which is usually undesired. For example.
  • Instead of {{citation needed}}, use {{fake citation needed}} in the second column.
• Some templates may have error checking that places the page in a maintenance category.
  • Template:Cs1 templates with errors: add |template doc demo=true to the template in the second column.
  • To avoid this and the associated red error messages make sure that each example on the page uses different sources.
• HTML entities are parsed in the first cell, even with Template:Xtag tags. To work around this, replace the & with & in the first column (see example below).

It is advisable to begin both copies of the markup with a newline; this is necessary if the first line of the markup must start on a new line (such as #, * or ;).

Examples

Multiple rows

Markup [[:Template:	Renders as
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]

With custom title and column headers

How to write about foxes and dogs in Wikipedia.

Write this in wikitext [[:Template:	and this will appear in the article.
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]

A complex example

In this example, Template:Tl2's second argument here uses Template:Tl2 (to avoid headings appearing in the table of contents) and Template:Tl2 (to avoid adding this page to the maintenance list).

Markup [[:Template:	Renders as
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]

With HTML entities

HTML entities are parsed in the markup cell. To work around this, replace the & with & in the first column.

Markup [[:Template:	Renders as
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]

More examples

Markup [[:Template:	Renders as
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]

Typing aid: template {{mra}}

{{mra}} will duplicate the source text automatically, saving you the trouble of copying the text and adding Template:Xtag tags to the first case.

This:

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

Will produce this:

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

Which renders as:

Markup [[:Template:	Renders as
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]
[markup]	[rendering]

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 auto	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
Column 1 style	codestyle markupstyle	Use CSS style code to change the look of content in the Markup column. Example white-space: nowrap	String	optional
Column 2 style	outputstyle	Use CSS style code to change the look of content in the Renders-as column.	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

Visit Template:Markup/doc to edit this text! (How does this work?)