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

Usage usba

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 Plantilya: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:
  • Some templates may have error checking that places the page in a maintenance category. Suppress the category as possible:
    • Plantilya:Cs1 templates can suppress the maintenance category by setting |template doc demo=true.

Limitations usba

Plantilya:Xtag usba

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

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

Renders as Expected renderingProblema sa Lua: expandTemplate: template "format item" does not exist.

HTML entities usba

HTML entities are parsed in the markup cell:

Nowikied markup shows as Expected markupProblema sa Lua: expandTemplate: template "format item" does not exist.

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

Examples usba

Simple usba

Markup Renders asProblema sa Lua: expandTemplate: template "format item" does not exist.

Short cut usba

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:

Markup Renders asProblema sa Lua: expandTemplate: template "format item" does not exist.

More complex usba

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

Markup Renders asProblema sa Lua: expandTemplate: template "format item" does not exist.

Multiple rows usba

Markup Renders asProblema sa Lua: expandTemplate: template "format item" does not exist.

With title usba

Foxes and dogs
Markup Renders asProblema sa Lua: expandTemplate: template "format item" does not exist.

Showing rendered HTML usba

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

Markup Renders asProblema sa Lua: expandTemplate: template "format item" does not exist.

See also usba

  • {{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 usba

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Markup in articles based on its TemplateData.

TemplateData for Markup

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
margin-leftmargin-left

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

Default
0
Stringoptional
widthwidth

To set the table's overall width.

Default
100%
Stringoptional
stylestyle

For CSS styles amending the table's overall appearance.

Stringoptional
noheadersnoheaders

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

Stringoptional
titletitle

Title above table.

Stringoptional
colheaderstylecolheaderstyle

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

Stringoptional
col1headerstylecol1headerstyle

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

Stringoptional
col1col1

First column (markup/code)'s heading.

Default
"Markup"
Stringoptional
col2headerstylecol2headerstyle

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

Stringoptional
col2col2

Second column (output)'s heading.

Default
"Renders as"
Stringoptional
codestylecodestyle markupstyle

For CSS styles amending the presentation of the first column (markup/code)'s content (e.g. a smaller font-size).

Stringoptional
outputstyleoutputstyle

For CSS styles amending the presentation of the second column (output)'s content.

Stringoptional
11

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

Stringoptional
22

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

Stringoptional
33

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

Stringoptional
44

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

Stringoptional
3939

First column's content in last possible row.

Stringoptional
4040

Second column's content in last possible row.

Stringoptional