Template:ArtBox/doc - Revision history

Majestix at 09:16, 11 April 2026

2026-04-11T09:16:17Z

← Older revision		Revision as of 11:16, 11 April 2026
Line 1:		Line 1:
	{{Documentation subpage}}		{{Documentation subpage}}
	{{Uses TemplateStyles		{{Uses TemplateStyles
	\|Template:~~Codesample~~/borland.css		\|Template:ArtBox/borland.css
	\|Template:~~Codesample~~/bw.css		\|Template:ArtBox/bw.css
	\|Template:ArtBox/dark.css		\|Template:ArtBox/dark.css
	\|Template:ArtBox/default.css		\|Template:ArtBox/default.css
	\|Template:~~Codesample~~/github-dark.css		\|Template:ArtBox/github-dark.css
	\|Template:ArtBox/light.css		\|Template:ArtBox/light.css
	\|Template:~~Codesample~~/lightbulb.css		\|Template:ArtBox/lightbulb.css
	\|Template:~~Codesample~~/monokai.css		\|Template:ArtBox/monokai.css
	\|Template:~~Codesample~~/rrt.css		\|Template:ArtBox/rrt.css
	\|Template:~~Codesample~~/sas.css		\|Template:ArtBox/sas.css
	\|Template:~~Codesample~~/staroffice.css		\|Template:ArtBox/staroffice.css
	\|Template:ArtBox/style.css		\|Template:ArtBox/style.css
	\|Template:~~Codesample~~/xcode.css		\|Template:ArtBox/xcode.css
	}}		}}
	<templatedata>		<templatedata>

Majestix at 12:49, 7 April 2026

2026-04-07T12:49:28Z

@@ Line 89: / Line 89: @@
 | <code><nowiki>{{ArtBox |echo "hello world!"}}</nowiki></code> || {{ArtBox |echo "hello world!"}}
 |-
-| <code><nowiki>{{ArtBox |echo "hello world!" |lang=text |scheme=light}}</nowiki></code> || {{ArtBox |echo "hello world!" |lang=text |scheme=light}}
+| <code><nowiki>{{ArtBox |echo "hello world!" |lang=text
 |-
-| <code><nowiki>{{ArtBox |$ echo "hello world!" |lang=shell-session |scheme=dark}}</nowiki></code> || {{ArtBox |$ echo "hello world!" |lang=shell-session |scheme=dark}}
+| <code><nowiki>{{ArtBox |$ echo "hello world!" |lang=shell-session
 |-
-| <code><nowiki>{{ArtBox |code=&lt;nowiki&gt;{{ArtBox}}&lt;/nowiki&gt; |lang=wikitext}}</nowiki></code> || {{ArtBox |code=<nowiki>{{Codesample}}</nowiki> |lang=wikitext}}
+| <code><nowiki>{{ArtBox |code=&lt;nowiki&gt;{{ArtBox}}&lt;/nowiki&gt; |lang=wikitext}}</nowiki></code> || {{ArtBox |code=<nowiki>{{ArtBox}}</nowiki> |lang=wikitext}}
 |-
-| <pre>{{ArtBox |name=ingress.yaml |lang=yaml |scheme=dark |line=1 |highlight=5,8 |code=
+| <pre>{{ArtBox |name=ingress.yaml |lang=yaml
 ---
 apiVersion: networking.k8s.io/v1beta1
@@ Line 119: / Line 123: @@
 }}
 |-
-| <pre>{{Codesample |name=metadata |lang=yaml |scheme=light |line=1 |start=5 |highlight=1,4 |code=
+| <pre>{{ArtBox |name=metadata |lang=yaml
   name: foo-redirect
   namespace: tool-foo
@@ Line 133: / Line 138: @@
   annotations:
     kubernetes.io/ingress.class: nginx
 }}
 |-
@@ Line 139: / Line 219: @@
 == Display File ==
 [[File:OOjs UI icon notice-destructive.svg]]
 == Adding a new color scheme ==
 The <code>scheme=...</code> parameter will load a css sub-page to add styles matching the [https://pygments.org Pygments] markup definitions. The easiest way to introduce a new scheme is to export it from Pygments itself: <code>pygmentize -f html -S $style -a .wt-codesample-${style}</code>.

Majestix: Created page with "{{Documentation subpage}} {{Uses TemplateStyles |Template:Codesample/borland.css |Template:Codesample/bw.css |Template:ArtBox/dark.css |Template:ArtBox/default.css |Template:Codesample/github-dark.css |Template:ArtBox/light.css |Template:Codesample/lightbulb.css |Template:Codesample/monokai.css |Template:Codesample/rrt.css |Template:Codesample/sas.css |Template:Codesample/staroffice.css |Template:ArtBox/style.css |Template:Codesample/xcode.css }} { "param..."

2026-04-07T09:47:15Z

Created page with "{{Documentation subpage}} {{Uses TemplateStyles |Template:Codesample/borland.css |Template:Codesample/bw.css |Template:ArtBox/dark.css |Template:ArtBox/default.css |Template:Codesample/github-dark.css |Template:ArtBox/light.css |Template:Codesample/lightbulb.css |Template:Codesample/monokai.css |Template:Codesample/rrt.css |Template:Codesample/sas.css |Template:Codesample/staroffice.css |Template:ArtBox/style.css |Template:Codesample/xcode.css }} <templatedata> { "param..."

New page

{{Documentation subpage}}
{{Uses TemplateStyles
|Template:Codesample/borland.css
|Template:Codesample/bw.css
|Template:ArtBox/dark.css
|Template:ArtBox/default.css
|Template:Codesample/github-dark.css
|Template:ArtBox/light.css
|Template:Codesample/lightbulb.css
|Template:Codesample/monokai.css
|Template:Codesample/rrt.css
|Template:Codesample/sas.css
|Template:Codesample/staroffice.css
|Template:ArtBox/style.css
|Template:Codesample/xcode.css
}}
<templatedata>
{
"params": {
"code": {
"aliases": [
"1"
],
"label": "Code",
"description": "Code sample to render",
"type": "string",
"required": true
},
"lang": {
"label": "Programming language",
"description": "Name of lexer to use for highlighting",
"example": "shell-session",
"type": "string",
"default": "text",
"suggested": true
},
"name": {
"label": "Title",
"description": "Title (name) of this code sample. Often a filename",
"type": "string",
"suggested": true
},
"highlight": {
"label": "Highlighted lines",
"description": "Line(s) in example to highlight. Comma separated list of line numbers",
"type": "string"
},
"line": {
"label": "Show line numbers",
"description": "Enable line numbers for sample",
"type": "boolean"
},
"start": {
"label": "Starting line number",
"description": "Starting line number when line numbers are shown. Note: Does not effect line numbers used for highlights.",
"type": "number",
"default": "1"
},
"scheme": {
"label": "Color scheme",
"description": "Color scheme to use.",
"type": "string",
"default": "dark"
},
"copy": {
"label": "Copy button",
"description": "Show a \"copy\" button to copy the code to the clipboard",
"type": "boolean"
}
},
"description": "This template augments a <syntaxhighlight> block with fancy colors and an optional title",
"paramOrder": [
"name",
"lang",
"code",
"highlight",
"line",
"start",
"scheme",
"copy"
],
"format": "block"
}
</templatedata>

== Examples ==
{| class="wikitable"
|-
| <code><nowiki>{{ArtBox |echo "hello world!"}}</nowiki></code> || {{ArtBox |echo "hello world!"}}
|-
| <code><nowiki>{{ArtBox |echo "hello world!" |lang=text |scheme=light}}</nowiki></code> || {{ArtBox |echo "hello world!" |lang=text |scheme=light}}
|-
| <code><nowiki>{{ArtBox |$ echo "hello world!" |lang=shell-session |scheme=dark}}</nowiki></code> || {{ArtBox |$ echo "hello world!" |lang=shell-session |scheme=dark}}
|-
| <code><nowiki>{{ArtBox |code=<nowiki>{{ArtBox}}</nowiki> |lang=wikitext}}</nowiki></code> || {{ArtBox |code=<nowiki>{{Codesample}}</nowiki> |lang=wikitext}}
|-
| <pre>{{ArtBox |name=ingress.yaml |lang=yaml |scheme=dark |line=1 |highlight=5,8 |code=
---
apiVersion: networking.k8s.io/v1beta1
kind: Ingress
metadata:
name: foo-redirect
namespace: tool-foo
labels:
name: foo-redirect
annotations:
kubernetes.io/ingress.class: nginx
}}</pre> || {{ArtBox |name=ingress.yaml |lang=yaml |scheme=dark |line=1 |highlight=5,8 |code=
---
apiVersion: networking.k8s.io/v1beta1
kind: Ingress
metadata:
name: foo-redirect
namespace: tool-foo
labels:
name: foo-redirect
annotations:
kubernetes.io/ingress.class: nginx
}}
|-
| <pre>{{Codesample |name=metadata |lang=yaml |scheme=light |line=1 |start=5 |highlight=1,4 |code=
name: foo-redirect
namespace: tool-foo
labels:
name: foo-redirect
annotations:
kubernetes.io/ingress.class: nginx
}}</pre> || {{ArtBox |name=metadata |lang=yaml |scheme=light |line=1 |start=5 |highlight=1,4 |code=
name: foo-redirect
namespace: tool-foo
labels:
name: foo-redirect
annotations:
kubernetes.io/ingress.class: nginx
}}
|-
| <code><nowiki>{{ArtBox |echo "hello world!" |copy=}}</nowiki></code> || {{ArtBox |echo "hello world!" |copy=}}
|}
== Display File ==
[[File:OOjs UI icon notice-destructive.svg]]
== Adding a new color scheme ==
The <code>scheme=...</code> parameter will load a css sub-page to add styles matching the [https://pygments.org Pygments] markup definitions. The easiest way to introduce a new scheme is to export it from Pygments itself: <code>pygmentize -f html -S $style -a .wt-codesample-${style}</code>.

== See also ==
* {{tl|Codesample-header}}
* {{tl|Code}}
* {{tl|Inline-code}}
* {{tl|Codesample}}
* {{tl|Terminal}}
* {{section link|Template:Colored box/doc#Example: Compare code}}

<includeonly>
[[Category:Templates using TemplateData]]
[[Category:Semantic markup templates]]
</includeonly>