ᥗᥦᥛᥰ ᥙᥣ ᥘᥥᥐᥳ:Markup

ᥚᥪᥢᥴᥐᥦᥛᥴᥛᥪᥰ ᥗᥦᥛᥰᥙᥘᥥᥐᥳ[ᥖᥨᥭᥰ] [ᥗᥖᥰ] [ᥙᥪᥢᥰ] [ᥓᥣᥒᥰ]

This template uses TemplateStyles:

Template:Markup/styles.css

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 ᥗᥦᥛᥰ ᥙᥣ ᥘᥥᥐᥳ: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	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 ᥗᥦᥛᥰ ᥙᥣ ᥘᥥᥐᥳ:Template link with subst 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.
Some templates may have error checking that places the page in a maintenance category.
- ~~ᥗᥦᥛᥰ ᥙᥣ ᥘᥥᥐᥳ: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 ᥗᥦᥛᥰ ᥙᥣ ᥘᥥᥐᥳ: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	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	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, {{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
[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| <nowiki>&amp;ndash;</nowiki> | &ndash;}}

renders as:

Markup	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 the glyphs "|" and "="

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
[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	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 ᥗᥦᥛᥰ ᥙᥣ ᥘᥥᥐᥳ: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	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]

TemplateData

ᥑᥩᥲ ᥛᥧᥢᥰ ᥓᥫᥰ ᥚᥣᥭᥱ ᥖᥬᥲ ᥢᥭᥳ ᥙᥥᥢᥴ ᥖᥨᥝᥴ ᥗᥖᥰ ᥖᥣᥴ ᥞᥢᥴ(VisualEditor) ᥟᥢᥴ ᥛᥤᥰ ᥖᥤᥲ ᥝᥤᥱ ᥑᥤᥱ ᥚᥤᥰᥖᥤᥰ ᥕᥣᥰ ᥢᥢᥳ ᥕᥫᥒᥰ ᥟᥣᥢᥰ ᥖᥣᥱ ᥟᥝᥴ ᥑᥫᥒᥲ ᥓᥫᥰ ᥢᥢᥳ ᥓᥬᥳ ᥘᥭᥲ ᥖᥤᥲ ᥝᥤᥱ ᥑᥤᥱ ᥚᥤᥰ ᥖᥤᥰ ᥕᥣᥰ ᥖᥭᥰ ᥔᥥᥴ ᥓᥒᥱ ᥘᥭᥲ ᥟᥝᥴ ᥙᥫᥒᥴ ᥑᥩᥲ ᥛᥧᥢᥰ ᥗᥦᥛᥰ ᥙᥘᥥᥐᥳ (TemplateData) ᥟᥢᥴ ᥛᥤᥰ ᥖᥤᥲ ᥝᥤᥱ ᥑᥤᥱ ᥚᥤᥰ ᥖᥤᥰ ᥕᥣᥰ ᥟᥤᥒᥰ ᥐᥘᥥᥖᥲ ᥢᥢᥳ ᥞᥥᥖᥰ ᥝᥭᥳ ᥙᥥᥢᥴ ᥖᥤᥲ ᥛᥣᥭᥴ ᥖᥤᥲ ᥖᥩᥒᥰ ᥕᥝᥳ။ ᥞᥨᥛᥲ ᥝᥣᥲ ᥙᥭᥱ ᥓᥬᥳ ᥑᥫᥒᥲ ᥓᥫᥰ ᥢᥢᥳ ᥔᥥᥴ ᥖᥣᥳ ᥙᥩᥰ ᥙᥥᥢᥴ ᥐᥨᥢᥰ ᥞᥧᥳ ᥘᥩᥒᥲ ᥖᥦᥛᥲ ᥙရᥨᥝᥱ ᥐᥦᥛᥱ (computer programming) ᥟᥤᥖᥰ ᥟᥩᥖᥰ ᥐᥩᥲ ᥞᥬᥲ ᥙᥩᥰ ᥞᥢᥴ ᥘᥭᥲ ᥓᥦᥒᥲ ᥘᥦᥒᥰ ᥘᥤᥴᥢᥭᥴ ᥔᥥᥴ ᥓᥣᥒᥲ ᥟᥝᥴ ᥓᥬᥳ ᥘᥭᥲ ᥔᥚᥩᥰ ᥖᥤᥲ ᥐᥦᥙᥲ ᥛᥢᥰ ᥘᥭᥲ ᥕᥧᥱ.

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. Default none	String	optional
tag	`tag`	Tag to use for markup. The default is pre and syntaxhighlight only works with single rows of text. Suggested values `pre` `syntaxhighlight` Default pre	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	`col1style`	For CSS styles to amend the appearance of the markup column (e.g. width of the column). Default none Example width:20em;	String	optional
Column 2 Style	`col2style`	For CSS styles to amend the appearance of the output column (e.g. the background colour). Default none Example background-color:#fff;	String	optional
Markup text style	`codestyle` `markupstyle`	Use CSS style code to change the appearance of content (text) in the Markup column. Example white-space: nowrap;	String	optional
Output text style	`outputstyle`	Use CSS style code to change the appearance of content (text) in the Renders-as column. Example white-space: nowrap;	String	optional
padding	`padding`	Padding within each cell Default 5px	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

ᥚᥪᥢᥴᥐᥦᥛᥴᥛᥪᥰ ᥖᥤᥲᥚᥣᥭᥱᥢᥫᥴᥢᥭᥳ ᥙᥥᥢᥴ ᥟᥢᥴ ᥗᥩᥢᥴᥟᥩᥐᥱ ᥛᥣᥰᥖᥤᥲ ᥗᥦᥛᥰ ᥙᥣ ᥘᥥᥐᥳ:Markup/doc။
ᥚᥧᥲᥛᥦᥰᥗᥖᥰᥑᥝᥴ ᥓᥣᥒᥲᥓᥣᥛᥰᥖᥨᥭᥰᥘᥭᥲ ᥖᥤᥲᥢᥬᥰ ᥢᥣᥲᥘᥤᥐᥲ sandbox ᥘᥦᥲ testcases ᥑᥩᥒᥴ ᥗᥦᥛᥰᥙᥘᥥᥐᥳ ᥟᥢᥴᥢᥭᥳ ᥘᥭᥲယူႇ။
ᥗᥦᥛᥴᥙᥫᥒᥴᥗᥣᥢᥲ ᥔᥬᥱᥓᥧᥰᥖᥤᥲ ᥢᥣᥲᥘᥤᥐᥲၽႄ /doc ။ ᥢᥣᥲᥘᥤᥐᥲၽႄ ᥑᥩᥒᥴ ᥗᥦᥛᥰᥙᥘᥥᥐᥳ ᥟᥢᥴᥢᥭᥳ.