TemplateStyles' src attribute must not be empty.

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

Each pair of {{Markup}}'s arguments should be two copies of some wikitext markup, with the first of the pair enclosed in <nowiki> 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 Renders as
'''Bold text'''

Bold text

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 {{subst: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.
  • Some templates may have error checking that places the page in a maintenance category.
    • Citation Style 1 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 <nowiki> tags. To work around this, replace the & with &amp; 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

beccè'

Multiple rows

beccè'
Markup Renders as
'''Bold text'''

Bold text

''Italic text''

Italic text

[[Internal link]]
{{cite book|ref=none|last=Smith|year=2021|title=Smith's book}}

Smith (2021). Smith's book. 

<score>\relative c' { c( b~ c b c b c b c~ c)}</score>
\relative c' { c( b~ c b c b c b c~ c)}

With custom title and column headers

beccè'
How to write about foxes and dogs in Wikipedia.
Write this in wikitext and this will appear in the article.
The quick brown [[fox]] jumps over the lazy [[dog]].

The quick brown fox jumps over the lazy dog.

A complex example

beccè'

In this example, {{Markup}}'s second argument here uses {{fake heading}} (to avoid headings appearing in the table of contents) and {{fake citation needed}} (to avoid adding this page to the maintenance list).

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.[nb 1] The cow jumped over the moon.‹The template Fake citation needed is being considered for merging.› [citation needed]

Notes
  1. A footnote.[1]
References
  1. A reference for the footnote.

With HTML entities

beccè'

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

{{Markup| <nowiki>&amp;ndash;</nowiki> | &ndash;}}

renders as:

Markup Renders as
&ndash;

With the glyphs "|" and "="

beccè'

If the markup contains the glyphs | or = they need to be replaced by the magic words {{!}} or {{=}}. If not they are being interpreted for the Template:Markup itself as a separator between the parameters or between the parameter name and value! So as an example use:

{{markup
|<nowiki>use <code>|lang = en</code></nowiki>
|use <code>{{!}}lang {{=}} en</code>
}}

which renders as:

Markup Renders as
use <code>|lang = en</code>

use |lang = en

More examples

beccè'
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. 

{{code|lang=html|{{cite book |last=White |first=T. H. |title=The Book of Merlyn |year=1977}}}}

<cite class="citation book">White, T. H. (1977). ''The Book of Merlyn''.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=The+Book+of+Merlyn&rft.date=1977&rft.aulast=White&rft.aufirst=T.+H.&rfr_id=info%3Asid%2Fmad.wikipedia.org%3AC%C3%A8%E1%B9%ADa%27an%3AMarkup%2Fdoc" class="Z3988"><span style="display:none;">&nbsp;</span></span>

Typing aid: template {{mra}}

beccè'

{{mra}} will duplicate the source text automatically, saving you the trouble of copying the text and adding <nowiki> 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 Renders as
'''Bold text'''

Bold text

''Italic text''

Italic text

See also

beccè'
  • {{Markup HTML Rendered}} for three-column Wikitext, HTML, and Rendered output
  • {{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

beccè'
Ariya dokumenna TemplateData ka'angghuy template nèka èghuna'aghi bi' VisualEditor tor alat laènna; see a monthly parameter usage report for this template in articles.

TemplateData untuk Markup

Parameter templat

ParameterKeteranganJenisStatus
margin-leftmargin-left

To set a margin on the table's lefthand side.

Baku
0
Kataopsional
widthwidth

To set the table's overall width.

Baku
auto
Kataopsional
stylestyle

For CSS styles amending the table's overall appearance.

Kataopsional
noheadersnoheaders

Set (as e.g. noheaders=on) to suppress the columns' headings and table's title.

Kataopsional
titletitle

Title above table.

Baku
none
Kataopsional
tagtag

Tag to use for markup. The default is pre and syntaxhighlight only works with single rows of text.

Nilai yang disarankan
pre syntaxhighlight
Baku
pre
Kataopsional
colheaderstylecolheaderstyle

For CSS styling to amend the appearance of each column's heading.

Kataopsional
col1headerstylecol1headerstyle

For CSS styling to amend the appearance of the first column's heading. Overrides (but does not replace) colheaderstyle.

Kataopsional
col1col1

First column (markup/code)'s heading.

Baku
"Markup"
Kataopsional
col2headerstylecol2headerstyle

For CSS styling to amend the appearance of the second column's heading. Overrides (but does not replace) colheaderstyle.

Kataopsional
col2col2

Second column (output)'s heading.

Baku
"Renders as"
Kataopsional
Column 1 Stylecol1style

For CSS styles to amend the appearance of the markup column (e.g. width of the column).

Baku
none
Contoh
width:20em;
Kataopsional
Column 2 Stylecol2style

For CSS styles to amend the appearance of the output column (e.g. the background colour).

Baku
none
Contoh
background-color:#fff;
Kataopsional
Markup text stylecodestyle markupstyle

Use CSS style code to change the appearance of content (text) in the Markup column.

Contoh
white-space: nowrap;
Kataopsional
Output text styleoutputstyle

Use CSS style code to change the appearance of content (text) in the Renders-as column.

Contoh
white-space: nowrap;
Kataopsional
11

row 1, first column (markup/code)'s content.

Kataopsional
22

row 1, second column (output)'s content.

Kataopsional
33

row 2, first column's content (etc).

Kataopsional
44

row 2, second column's content (etc).

Kataopsional
3939

First column's content in last possible row.

Kataopsional
4040

Second column's content in last possible row.

Kataopsional