Template:Code/doc: Difference between revisions

Latest revision as of 00:58, 3 September 2020

This is a documentation subpage for Template:Code.
It may contain usage information, categories and other content that is not part of the original template page.

Usage

Wraps a short span of text in <syntaxhighlight> tags (see mw:Extension:SyntaxHighlight). This template should be used for short samples; longer content should use <pre>...</pre> or <syntaxhighlight>...</syntaxhighlight>. See Help:Wiki markup for an explanation of what the various tags do.

If the content includes an equals sign (=), you must specify the parameter explicitly: {{code|1=date=30 Feb 2010}}.

The template uses the <syntaxhighlight> tag with the attribute inline=1. This works like the combination of the <code> and <nowiki> tags, applied to the expanded wikitext. For example, {{code|some '''wiki''' text}} will not render the word "wiki" in bold, and will render the tripled-single-quotes:

However, {{code|a {{template}} call}} will still invoke the template:

<syntaxhighlight lang="text" class="" id="" style="" inline="1">a {{[[Template:{{{1}}}|{{{1}}}]]}} call</syntaxhighlight>

Use <nowiki>...</nowiki> around the template name to avoid this problem:

<syntaxhighlight lang="text" class="" id="" style="" inline="1">a {{template}} call</syntaxhighlight>

When used inline with regular text, {{code}} generally looks best and is easiest to read when it is explicitly spaced apart from the regular text:

is well spaced:

foo <syntaxhighlight lang="text" class="" id="" style="" inline="1">bar baz</syntaxhighlight> quux.

versus:

which is going to be visually confusing for many:

foo <syntaxhighlight lang="text" class="" id="" style="" inline="1">bar baz</syntaxhighlight> quux.

because "foo" and "<syntaxhighlight lang="text" class="" id="" style="" inline="1">bar</syntaxhighlight>" will seem more closely associated than "<syntaxhighlight lang="text" class="" id="" style="" inline="1">bar</syntaxhighlight>" and "<syntaxhighlight lang="text" class="" id="" style="" inline="1">baz</syntaxhighlight>"; the width of the space character in a monospaced font is almost always larger than in a proportional font.

Use parameter {{{2}}} (unnamed, as |2=, or more explicitly as |lang=) to specify a language for mw:Extension:SyntaxHighlight GeSHi. This option defaults to plain-text, i.e. no highlighting. There is no highlighting option for wikitext as a markup language, though <syntaxhighlight lang="text" class="" id="" style="" inline="1">html4strict</syntaxhighlight> and <syntaxhighlight lang="text" class="" id="" style="" inline="1">html5</syntaxhighlight> are valid values, as are <syntaxhighlight lang="text" class="" id="" style="" inline="1">php</syntaxhighlight>, <syntaxhighlight lang="text" class="" id="" style="" inline="1">perl</syntaxhighlight>, <syntaxhighlight lang="text" class="" id="" style="" inline="1">css</syntaxhighlight>, <syntaxhighlight lang="text" class="" id="" style="" inline="1">javascript</syntaxhighlight>, <syntaxhighlight lang="text" class="" id="" style="" inline="1">mysql</syntaxhighlight> and many others. Attempting to use an invalid one causes a list of valid ones to be displayed in place of the template output, when the page is previewed or saved.

This template does not need to be substituted.

Examples

Markup	Renders as
Lorem {{code\|ipsum '''dolor'''}} sit amet	Lorem <syntaxhighlight lang="text" class="" id="" style="" inline="1">ipsum dolor</syntaxhighlight> sit amet
The declaration {{code \|lang=cpp \|int foo(const std::string& bar, const std::vector<long double*>& baz);}} is the prototype for a function defined later.	The declaration <syntaxhighlight lang="cpp" class="" id="" style="" inline="1">int foo(const std::string& bar, const std::vector<long double*>& baz);</syntaxhighlight> is the prototype for a function defined later.
If the code contains an [[equals sign]], such as {{code \|lang=javascript \|code=var img = document.getElementsByTagName("img");}}, you must identify the first parameter explicitly as {{{1}}} or {{{code}}}; see also [[:bugzilla:5138]].	If the code contains an equals sign, such as <syntaxhighlight lang="javascript" class="" id="" style="" inline="1">var img = document.getElementsByTagName("img");</syntaxhighlight>, you must identify the first parameter explicitly as {{{1}}} or {{{code}}}; see also bugzilla:5138.

Included templates

Embedded templates do not function as expected inside {{code}}; for longer, free-form blocks of code, which can contain templates such as {{var}} and {{samp}}, use <code>...</code> as a wrapper instead of this template.

Templates used inside {{code}} expose the rendered HTML— this can be useful. For example:

Markup	Renders as
{{code\| {{cite web \|title=Title \|url=http://example.org}} }}	<syntaxhighlight lang="text" class="" id="" style="" inline="1"> "Title". </syntaxhighlight>

The above example shows the HTML rendered by the citation template, including the hidden metadata.

@@ Line 1: / Line 1: @@
 {{Documentation subpage}}
-<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE. -->
+<!-- Add categories where indicated at the bottom of this page and interwikis at Wikidata -->
+{{#ifeq: {{PAGENAME}}|{{ROOTPAGENAME}}|{{High-risk|24,000+}}}}
 ==Usage==
-Wraps a short span of text in <code><nowiki><syntaxhighlight></nowiki></code> tags (see [[mw:Extension:SyntaxHighlight GeSHi]]).  This template should be used for short samples; longer content should use {{tag|pre}} or {{tag|syntaxhighlight}}. See [[Help:Wiki markup]] for an explanation of what the various tags do.{{clarify|reason=[[Help:Wiki markup]] does not mention any such "source" XML tag.}}
+Wraps a short span of text in <code><nowiki><syntaxhighlight></nowiki></code> tags (see [[mw:Extension:SyntaxHighlight]]). This template should be used for short samples; longer content should use {{tag|pre}} or {{tag|syntaxhighlight}}. See [[Help:Wiki markup]] for an explanation of what the various tags do.
 If the content includes an equals sign (=), you must specify the parameter explicitly: <code><nowiki>{{code|1=date=30 Feb 2010}}</nowiki></code>.
-The template uses the <code><nowiki><syntaxhighlight></nowiki></code> tag with the attribute <code>enclose="none"</code>. This works like the combination of the <code><nowiki><code></nowiki></code> and <code><nowiki><nowiki></nowiki></code> tags, applied to the expanded wikitext. For example, <code><nowiki>{{code|some '''wiki''' text}}</nowiki></code> will '''''not''''' render the word "wiki" in bold, and will render the tripled-single-quotes:
+The template uses the <code><nowiki><syntaxhighlight></nowiki></code> tag with the attribute <code>inline=1</code>. This works like the combination of the <code><nowiki><code></nowiki></code> and <code><nowiki><nowiki></nowiki></code> tags, applied to the expanded wikitext. For example, <code><nowiki>{{code|some '''wiki''' text}}</nowiki></code> will '''''not''''' render the word "wiki" in bold, and will render the tripled-single-quotes:
 :{{code|some '''wiki''' text}}
@@ Line 29: / Line 30: @@
 because "foo" and "{{code|bar}}" will seem more closely associated than "{{code|bar}}" and "{{code|baz}}"; the width of the space character in a monospaced font is almost always larger than in a proportional font.
-Use parameter {{{2}}} (unnamed, as {{para|2}}, or more explicitly as {{para|lang}}) to specify a language for Extension:SyntaxHighlight GeSHi. This option defaults to plain-text, i.e. no highlighting.  There is no highlighting option for wikitext as a markup language, though {{code|html4strict}} and {{code|html5}} are valid values, as are {{code|php}}, {{code|perl}}, {{code|css}}, {{code|javascript}}, {{code|mysql}} and many others. Attempting to use an invalid one causes a list of valid ones to be displayed in place of the template output, when the page is previewed or saved.
+Use parameter {{{2}}} (unnamed, as {{para|2}}, or more explicitly as {{para|lang}}) to specify a language for [[mw:Extension:SyntaxHighlight GeSHi]]. This option defaults to plain-text, i.e. no highlighting.  There is no highlighting option for wikitext as a markup language, though {{code|html4strict}} and {{code|html5}} are valid values, as are {{code|php}}, {{code|perl}}, {{code|css}}, {{code|javascript}}, {{code|mysql}} and many others. Attempting to use an invalid one causes a list of valid ones to be displayed in place of the template output, when the page is previewed or saved.
 This template does not need to be [[Wikipedia:Template substitution|substituted]].
-Finally, embedded templates do not function inside {{tnull|code}}; for longer, free-form blocks of code, which can contain templates such as {{tlx|var}} and {{tlx|samp}}, use {{tag|code}} as a wrapper instead of this template.
+===Examples===
+{{markup
+|<nowiki>Lorem {{code|ipsum '''dolor'''}} sit amet</nowiki>
+|Lorem {{code|ipsum '''dolor'''}} sit amet
+|<nowiki>The declaration {{code |lang=cpp |int foo(const std::string& bar, const std::vector<long double*>& baz);}} is the prototype for a function defined later.</nowiki>
+|The declaration {{code |lang=cpp |int foo(const std::string& bar, const std::vector<long double*>& baz);}} is the prototype for a function defined later.
+|<nowiki>If the code contains an [[equals sign]], such as {{code |lang=javascript |code=var img = document.getElementsByTagName("img");}}, you must identify the first parameter explicitly as {{{1}}} or {{{code}}}; see also [[:bugzilla:5138]].</nowiki>
+|If the code contains an [[equals sign]], such as {{code |lang=javascript |code=var img = document.getElementsByTagName("img");}}, you must identify the first parameter explicitly as {{{1}}} or {{{code}}}; see also [[:bugzilla:5138]].
+}}
+===Included templates===
+Embedded templates do not function as expected inside {{tl|code}}; for longer, free-form blocks of code, which can contain templates such as {{tl|var}} and {{tl|samp}}, use {{tag|code}} as a wrapper instead of this template.
-===Examples===
+Templates used inside {{tl|code}} expose the rendered HTML— this can be useful. For example:
-{| class="wikitable"
+<div style="overflow:auto;">
-! style="width:50%;" | input
+{{markup
-! style="width:50%;" | output
+|1=<nowiki>{{code|
-|-
+{{cite web |title=Title |url=http://example.org}}
-| <pre style="margin:0px; white-space:normal;">Lorem {{code|ipsum '''dolor'''}} sit amet</pre>
+}}</nowiki>
-| Lorem {{code|ipsum '''dolor'''}} sit amet
+|2={{code|
-|-
+{{cite web |title=Title |url=http://example.org}}
-| <pre style="margin:0px; white-space:normal;">The declaration {{code |lang=cpp |int foo(const std::string& bar, const std::vector<long double*>& baz);}} is the prototype for a function defined later.</pre>
+}}
-| The declaration {{code |lang=cpp |int foo(const std::string& bar, const std::vector<long double*>& baz);}} is the prototype for a function defined later.
+}}
-|-
+</div>
-| <pre style="margin:0px; white-space:normal;">If the code contains an [[equals sign]], such as {{code |lang=javascript |code=var img = document.getElementsByTagName("img");}}, you must identify the first parameter explicitly as {{{1}}} or {{{code}}}; see also [[:bugzilla:5138]].</pre>
+The above example shows the HTML rendered by the citation template, including the hidden metadata.
-| If the code contains an [[equals sign]], such as {{code |lang=javascript |code=var img = document.getElementsByTagName("img");}}, you must identify the first parameter explicitly as {{{1}}} or {{{code}}}; see also [[:bugzilla:5138]].
-|}
 == See also ==
-* {{tl|nowiki}} - for preventing the parsing of wiki markup and HTML in the content, e.g. in source code examples
+* {{tl|codett}}, wrapper for this template that removes background and border styling
-* {{tl|pre}} - for larger blocks of source code and other pre-formatted text
+* {{tl|mono}}, monospaced font only
-* {{tl|tag}} - for using HTML elements ("tags") in prose, e.g. source code examples
+* {{tl|Syntaxhighlight}}
-* {{tl|var}} - for computer and mathematics variables
-* {{tl|varserif}} - same as {{tnull|var}} but differentiates better between "I" (upper-case "i") and "l" (lower-case "L")
-* {{tl|kbd}} - for indicating user input
-* {{tl|samp}} - for example output
-* {{tl|key press}} - for indicating the input of specific keystrokes, e.g. {{key press|Ctrl|X}}
 * [[Help:Wiki markup]]
-<includeonly><!--
+{{Semantic markup templates}}
-++++ PLEASE ADD CATEGORIES AND INTERWIKIS BELOW THIS LINE, THANK YOU. -->
-[[Category:Programming typing-aid templates|{{PAGENAME}}]]
+<includeonly>{{Sandbox other||
-<!--[[Category:Semantic markup templates|{{PAGENAME}}]]
+<!-- Categories below this line; interwikis at Wikidata -->
-<!--[[Category:Wikipedia XHTML tag replacing templates|{{PAGENAME}}]] - Doesn't actually qualify yet; needs <code>.-->
+[[Category:Programming typing-aid templates]]
-</includeonly>
+[[Category:Semantic markup templates]]
+[[Category:Wikipedia XHTML tag-replacing templates]]
+}}</includeonly>

Template:Code/doc: Difference between revisions

Latest revision as of 00:58, 3 September 2020

Contents

Usage

Examples

Included templates

See also

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

Tools