Template:Markup

Translate this page

Markup	Renders as

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 ‎<nowiki>...‎</nowiki>. 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.

Limitations

`‎<nowiki>...‎</nowiki>`

If you don't wrap the content of the markup cell in ‎<nowiki>...‎</nowiki>, then any template markup will not be escaped, it will be expanded.

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

Renders as	Expected rendering
{{[[Special:MyLanguage/Template:tag\|Tag]]<span style="display:none">[[:Template:tag\| ]]</span>}}	{{tl\|tag}}

HTML entities

HTML entities are parsed in the markup cell:

Nowikied markup shows as	Expected markup
–	–

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

Example

Simple

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

Multiple rows

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

With title

**Foxes and dogs**
Markup	Renders as
The quick brown fox jumps over the lazy dog.	The quick brown fox jumps over the lazy dog.

TemplateData

This is the TemplateData documentation for this template used by VisualEditor and other tools.

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