Tɛmplet:Key press/doc

This is a documentation subpage for Tɛmplet:Key press.
It contains usage information, categories and other content that is not part of the original tɛmplet page.

This template uses Lua:

Module:Key

This template uses TemplateStyles:

Template:Key press/styles.css

This template is used in MediaWiki:Clearyourcache.
Changes to it can cause immediate changes to the Wikipedia user interface.
To avoid major disruption, any changes should be tested in the template's /sandbox or /testcases subpages, or in your own user subpage. The tested changes can be added to this page in a single edit. Please discuss changes on the talk page before implementing them.

This is the {{key press}} template primarily designed to illustrate keys and keystrokes on a computer keyboard. With additional parameters, a single template can even illustrate a combination of multiple simultaneous keystrokes. A sequence of keystrokes, on the other hand, need to be demonstrated with separate templates.

Example

{{key press|A}} → A

As lower-case alphabetic characters a–z do not appear on most keyboards, they should not be used as parameters.

Keystroke combinations[mali mi di yibu sheena n-niŋ]

To illustrate keystroke combinations, just use extra parameters:

{{key press|Alt|P}} → Alt+P

{{key press|Ctrl|Alt|Del}} → Ctrl+Alt+Del

When you feed several key names to this template, it adds a "+" (or whatever the contents of the optional chain parameter) with no spaces around. This means it won't line wrap. But when you show key combinations for instance in a table that might cause items to be too wide. Instead manually build the key combination with spaces around the "+" so it can line wrap:

{{key press|Ctrl}} + {{key press|Alt}} + {{key press|Del}} → Ctrl + Alt + Del

{{key press|Ctrl|Alt|Del|chain= + }} → Ctrl + Alt + Del

To illustrate sequences where all keys do not need to be pressed simultaneously, the plus signs can be omitted by setting chain=. For example, in most Windows systems in North America and Western Europe, Alt codes can be used to insert the plus-minus sign (±) by holding down the Alt key while typing 0177 with the numeric keypad:

{{key press|Alt|0}}{{key press|1|7|7|chain=}} → Alt+0177

An example of a use case where more than 5 might be used is explaining usage of a macro (keyboard shortcut) created by a third-party application:

{{Key press|Ctrl|Alt|Shift|Win|Menu|fn|L}} → Ctrl+Alt+⇧ Shift+⊞ Win+≣ Menu+fn+L

Wikilinks[mali mi di yibu sheena n-niŋ]

If there is an article about the key you can wikilink the key's name like any other wiki text. Like this:

{{key press|[[Alt key|Alt]]}} → Alt

If you are wikilinking the keys, please ensure that you are piping to the correct page (e.g. [[Alt key|Alt]] instead of [[Alt]], which leads to a disambiguation page).

Wiki markup characters[mali mi di yibu sheena n-niŋ]

Some wiki markup characters, like the pipe symbol, the semicolon and the equals sign, need to be entered using the {{!}}, {{;}} and {{=}} templates or as an HTML entity |, ;, = respectively:

{{key press|{{pipe}}}} → |
{{key press||}} → |
{{key press|{{;}}}} → ;
{{key press|;}} → ;
{{key press|{{=}}}} → =
{{key press|=}} → =

However, if the characters are marked as wikilinks, they can be entered as such:

{{key press|[[|]]}} → |
{{key press|[[;]]}} → ;
{{key press|[[=]]}} → =

Most markup characters also have aliases:

{{key press|pipe}} → |
{{key press|semicolon}} → ;
{{key press|equals}} → =
{{key press|colon}} → :
{{key press|asterisk}} → *
{{key press|hash}} → #

Key symbols[mali mi di yibu sheena n-niŋ]

Some key names have a fitting Unicode character. This template automatically adds such "icons" to the following key names among others.

{{key press|Shift}} → ⇧ Shift
{{key press|Tab}} → Tab ↹
{{key press|Enter}} → ↵ Enter
{{key press|Option}} → ⌥ Option
{{key press|Opt}} → ⌥ Opt
{{key press|Command}} → ⌘ Command
{{key press|Cmd}} → ⌘ Cmd
{{key press|Caps Lock}} → ⇪ Caps Lock
{{key press|Up}} → ↑
{{key press|Down}} → ↓
{{key press|Left}} → ←
{{key press|Right}} → →

Windows key and Menu key

Old-style Windows key

There are no characters for the Windows key and Menu key. So this template shows approximate characters for them, namely the Tɛmplet:Sc2 and Tɛmplet:Sc2 from the Mathematical Operators Unicode block:

{{key press|Win}} → ⊞ Win
{{key press|Menu}} → ≣ Menu

In some cases, the automatic recognition of tokens and consequently the addition of symbols may not be desired; in these cases the token recognition can be suppressed by HTML encoding the text, e.g. {{key press|Enter}} will give Enter (plain text) instead of ↵ Enter (token).

Video games[mali mi di yibu sheena n-niŋ]

Video game controllers often have specialized input labels that do not map easily. The following are mappings for various game consoles and input features.

Directional input[mali mi di yibu sheena n-niŋ]

The following should only be used when the input sequence uses something other than the primary input or mixes input between directional devices.

{{key press|l-down}} → L↓
{{key press|c-left}} → C←
{{key press|r-up}} → R↑

Stick specific diagonals are also supported:

{{key press|l-nw}} → L↖
{{key press|c-se}} → C↘
{{key press|r-ne}} → R↗

PlayStation[mali mi di yibu sheena n-niŋ]

{{key press|ex}} → ×
{{key press|circle}} → ○
{{key press|triangle}} → △
{{key press|square}} → □

TemplateData[mali mi di yibu sheena n-niŋ]

About

Why are the developers building this?
- User Test Data
Documentation:
Development:

Help out

Research

Main research page

Other

Customization
Known problems
Requests for Comments (RfCs): Jul 2013 a, Jul 2013 b, Jul 2015, Sep 2015

Shortcuts

What is template data?[mali mi di yibu sheena n-niŋ]

Template data is the standardized description of a template, used by the default VisualEditor, the optional 2017 wikitext editor and other tools to improve the template-editing experience for the user. Both VisualEditor and the 2017 wikitext editor include a wizard to edit templates, but for the wizard to be most useful, it needs to present specific information to the user about each template, such as a short description of the template's purpose and its parameters. This information is codified formally (by any wiki editor) using template data.

Editing without template data[mali mi di yibu sheena n-niŋ]

Without template data, each parameter needs to be added manually when inserting a new template.

No information is provided about what the value of the parameter should be.

Editing with template data[mali mi di yibu sheena n-niŋ]

With template data, a list of supported parameters (and their description) is provided for the template.

Template data provides context for each parameter, and makes it much easier for users to modify templates.

Adding template data[mali mi di yibu sheena n-niŋ]

Anyone can help by adding template data to templates (particularly high-profile ones, such as infoboxes) so that they are easier to edit in VisualEditor. The following is a minimal example, placed on a template's documentation page:

<templatedata>{
  "description": "insert description here",
  "params": {
    "first parameter": {
      "label": "x",
      "description": "x",
      "type": "string",
      "suggested": true,
      "autovalue": "derived automatic value",
      "default": "default value",
      "required": false
    }
  }
}</templatedata>

You can also add or edit template data using a GUI, by pressing the following button which appears at the top of the edit page: Edit template data

The template data tutorial explains in detail how to add template data information to a template.

Adding suggested values for parameters[mali mi di yibu sheena n-niŋ]

The parameter property suggestedvalues lets you define a list of parameter values to be shown to VisualEditor users in a dropdown for easy selection. This can be done either directly in JSON or using the TemplateData editor with no coding required. Both methods are explained in detail below.

Once the values have been added to template data, the VisualEditor will display them in a combo box (a dropdown into which users can also enter a custom value). The user selects the desired value by clicking on it. If the list of values is long - for example, a list of a country’s states - the user can begin typing in the field, whereupon the list will be filtered to show only values containing the typed text. To change an entered value, the user must simply clear the field, and the full dropdown list will appear again. If the user needs a value not included in the list (for example, "message in a bottle") they can type it in manually.

For suggested values to be displayed in the VisualEditor, the parameter’s type must be set to one of the following options:

content
line
string
number
unknown
unbalanced wikitext.

Other types (file, page, template, user, date, boolean, URL) are not currently supported because they have special functionalities in the VisualEditor already (such as autocomplete) which would interfere with the dropdown menu for suggested values in the VisualEditor.

Adding suggested values for parameters in wikitext[mali mi di yibu sheena n-niŋ]

To add suggested values to any parameter type, add the new property “suggestedvalues” to the parameter in JSON. The “suggestedvalues” attribute must be a list of strings.

An example might look like this:

"media_type": {
	"label": "Type of media",
	"example": "Newspaper",
	"type": "string",
	"description": "In what medium was the article published?",
	"suggestedvalues": [
    	"Journal",
    	"Book",
    	"Newspaper",
    	"Magazine"
	]
}

Adding suggested values for parameters with the template data editor[mali mi di yibu sheena n-niŋ]

For the parameter types listed above, you can add suggested values using the template data editor.

Step 1. Click on "Manage TemplateData".
Step 2. Click on the name of the parameter you want to add suggested values to.
Step 3. If it’s not already, set the type of the parameter to one of the following: content, line, string, number, unknown or unbalanced wikitext. A new input field "Suggested values" will appear. If the parameter is already set to one of these types, the input field should already be visible.
Step 4. Type in the suggested value(s), including any spaces and special characters, and press enter to add it to the list.

Here you can see an example of how to add suggested values in the TemplateData editor.

Parameter		Description	Type	Status
First key	`1`	First key	Line	required
Second key	`2`	Optional key press in combination as the first.	Line	optional
Third key	`3`	Optional key press in combination as the first.	Line	optional
Fourth key	`4`	Optional key press in combination as the first.	Line	optional
Fifth key	`5`	Optional key press in combination as the first.	Line	optional
Sixth key	`6`	Optional key press in combination as the first.	Line	optional
Seventh key	`7`	Optional key press in combination as the first.	Line	optional
Eighth key	`8`	Optional key press in combination as the first.	Line	optional
Ninth key	`9`	Optional key press in combination as the first.	Line	optional
Tenth key	`10`	Optional key press in combination as the first.	Line	optional
Chaining character	`chain`	Character between chained key presses Default +	Line	optional
Chaining character	`chain first`	Character between first and second key to press Default +	Line	optional
Chaining character	`chain second`	Character between second and third key to press Default +	Line	optional
Chaining character	`chain third`	Character between third and fourth key to press Default +	Line	optional
Chaining character	`chain fourth`	Character between fourth and fifth key to press Default +	Line	optional