Tutorial:Wikitext editing buttons

This tutorial first briefly explains what common actions (cut, copy, paste, etc.) to perform via the right mouse-click menu and then describes the editing buttons above the wikitext editing pane to edit more efficiently (than manually or via copy & paste).

Tutorial editor buttons.PNG

The buttons fall into two categories:

  • pre-formatted text processing buttons to put text in bold or italic, create headings, etc.;
  • insertion buttons for adding
  • links (often activating a template specially created for linking to glossary page, legal text in EUR-Lex, Eurostat publication, database view, ...);
  • the most used wikitext code (for internal or external link, footnote, formula, ...);
  • objects like an image or a table.

For a more task-oriented perspective, consult the tutorials on creating statistical articles (and more specifically Tutorial:How to create an article - enter glossary items).

Right mouse-click actions

If you position the cursor in the editing pane or select a text section and then click the right mouse button, a menu opens with possible actions (these can be slightly different, depending on browser: Explorer, Firefox, ...):

  • Undo
Click Undo to undo the last action undone, then the next one etc.
Button only active when another action has been performed - also via text processing button.
  • Cut
Select text, right mouse-click, click Cut to remove selected text.
Button only active when text has been selected and cursor is on selection
  • Copy
Select text, right mouse-click, click Copy to copy selected text to clipboard (alternative ctrl+c).
Button only active when text has been selected and cursor is on selection
  • Paste
Position cursor on chosen location, right mouse-click, click Paste to paste text from clipboard (alternative ctrl+v).
  • Delete
Select text, right mouse-click, click Delete to delete selected text.
  • Send to OneNote (only in Explorer)
This option can be ignored.
  • Select all
Right mouse-click, click Select all to select all text in the editing pane. Also via text processing button.
  • Check spelling (only in Firefox)
Position cursor in editing pane or select a text section, right mouse-click, click Check spelling to check the spelling of the text in the editing pane.
  • Languages (only in Firefox)
To change the selected language; this is normally not necessary (except when inserting translations).
  • Inspect Element (Q) (only in Firefox)
This option can be ignored.

Text processing buttons

Tutorial editor text.PNG

This first set of editing buttons can be used for formatting selected words or text sections. As most are probably quite familiar, they are only briefly explained, in order of appearance.

Select all

Click select all button to select the whole text in the editing pane.

Search and replace

This function does not work in Explorer, only in Firefox!

The search and replace button opens a window to search for and replace text:

  • search
  • select a search term or string and click the 'search and replace' button - the selected text appears in the 'Find' box;

OR

  • click the 'search and replace' button without having selected text and enter a search term or string;
  • click 'find' to search for the term - the view moves to the first line where it appears and the first occurrence is highlighted in red, and any others in yellow (when closing the search window, however, the term is no longer highlighted; so you need to note its location!);
  • click 'next' to move to the next line where it appears, etc;
  • by ticking 'match case' the search distinguishes small and large cap, not ticking it results in an indiscriminate search for both;
  • replace
  • if you want to replace the text or string in the 'Find' box with another one, complete the second box 'Replace' and click 'replace' button - the first term encountered is replaced; if you want to replace the term or string everywhere in the text, click 'replace all' - WARNING: be careful, some unexpected replacements in the middle of words might take place!
  • if the 'Replace' box has been left empty and the button 'replace' or 'replace all' is clicked, the term in the 'Find' box is removed the first time it occurs or in the whole text, respectively.

Bold

To convert a text selection to bold (by adding ''' before and after):

  • select text section;
  • click bold button.

Italic

To convert a text selection to italic (by adding '' (= twice ') before and after):

  • select text section;
  • click italic button.

Superscript

To convert a letter, word or text section to subscript (by adding <sup> before and </sup> after):

  • select letter, word or text section;
  • click superscript button.

Subscript

To convert a letter, word or text section to subscript (by adding <sub> before and </sub> after):

  • select letter, word or text section;
  • click subscript button.

Headings

To insert a heading (at level 1, 2, 3, 4 or 5):

  • select the words you would like to use as headings;
  • click on the arrow to the right of Headings and select a heading at level 1, 2, 3, 4 or 5

Insert/remove bullets

To convert a line into (part of) a

  • bulleted list

(by adding * at the beginning of the line):

  • select a line or position the cursor in it;
  • click bullets button

To remove bullets:

  • select the bulleted line or position the cursor in it;
  • click bullets button.

Insert/remove numbering

To convert a line into (part of) a

  1. numbered list

(by adding # at the beginning of the line):

  • select a line or position the cursor in it;
  • click numbering button

To remove numbering:

  • select the numbered line or position the cursor in it;
  • click numbering button.

Increase indent

To indent a line one position to the right (by adding : at the beginning of the line):

  • select the line or position the cursor in it;
  • click increase indent button;
  • to further increase the indent, click the increase indent button again.

To decrease the indent, however, : has to be remowed manually at the beginning of a line.

Insertion buttons

Tutorial editor insertion buttons.PNG

Insert SE-link

To insert a link to another page WITHIN Statistics Explained:

  • position the cursor on the location where you want to insert the Statistics Explained link;
  • click the SE-link button;
  • replace '...' with the exact name of the Statistics Explained page you want to link to (for long and complicated page names copy & paste is recommended - a hyphen, for instance, is not always what it seems).
  • if you want to display other text in the article than the exact page name, you can insert this after the page name, separated by |.

Example: [[Inflation in the euro area|article on inflation]], displayed as: article on inflation.

Insert external link

To insert a link to a web page OUTSIDE Statistics Explained:

  • position the cursor on the location where you want to insert the external link;
  • click the link button;
  • replace http://... with the url of the web page you want to link to (for a long and complicated url, copy & paste is recommended);
  • insert the name of the target web page (as it appears in that page) in the second part of the link - separated by a blank position from the first part, the url.

Example: [http://www.ecb.europa.eu/mopo/eaec/html/excessive.en.html European Central Bank - Excessive deficit procedure], displayed as: European Central Bank - Excessive deficit procedure.

Glossary link

To insert a link to a glossary page (by inserting [[Glossary:Xxx|Yyy]] where Xxx is glossary item and Yyy text to display in the article, usually but not necessarily identical):

  • select the word or string of words in the article you want to add a glossary link to (or positon the cursor at a location in the article);
  • click the glossary button ([G], nr. 17);
  • in the window which opens:
  • modify language if necessary in the left box (usually not required, default=English);
  • the text selected appears in the two upper right boxes, Text to display: and Glossary: (or is empty if you haven't selected text);
  • the entry in Text to display (article text if selected) can be changed at will; this will be displayed in the article with a link to the glossary item;
  • the entry in Glossary: starts an automatic search (not case-sensitive) in the whole glossary of the selected language (default English) for the text entered there;
The box Automatic search results (start typing in the above field) shows the first 10 results containing the text in the box 'Glossary:', in alphabetical order and not case-sensitive). There may be many more results not shown and only visible when you refine the search!
  • select the appropriate glossary item in the list - the term selected replaces the entry in the box 'Glossary';
  • click 'Ok' - a glossary link [[Glossary:Selected item|text to display]] visible in the article as text to display is created.

Database link

(Only in Firefox!) To insert a deep link to a specific dynamic table in the Eurostat online database:

  • position the cursor at the location where you want to insert a data link;
  • click Data;
  • in the window which opens:
  • insert a data code in the Data code box (e.g. tec00040; see list of available data codes .........);
  • insert in the Text to display box the text you want displayed (preferably the title above the target table (without the data code, shown automatically at the end between brackets) - you can leave this field blank too if nothing needs to be displayed);
  • click Ok - a template {{Template:Publication|code=tec00040|title=text to display}} for linking to the database is inserted at the chosen location.

Publication link

(Only in Firefox!) To insert a link to the product page of a Eurostat publication:

  • position cursor at the location you want to insert a publication link;
  • click publication button;
  • in the window which opens:
  • insert a publication code (e.g. KS-SF-09-008, displayed on the back cover of publications on or in url on the Eurostat website) in the Publication code box;
  • insert in the Text to display box the the exact title of the publication as it appears in the target page, if necessary supplemented by the edition (e.g. '2010 edition') or additional information (e.g. 'Statistics in focus 10/2010');
  • click Ok - a template {{Template:Publication|code=KS-SF-09-008|title=Title of publication}} for linking to the publication product page is inserted at the chosen location.

EUR-Lex link

To insert a link to the product page of a legal text in EUR-Lex:

  • position cursor at the location you want to insert a EUR-Lex link;
  • click EUR-Lex button;
  • in the window which opens:
  • enter the year of the legal text in the box Year (e.g. 2010);
  • select 'Regulation' (most common), 'Directive', 'Decision' or 'COM final' for the box Type;
  • enter the four-digit EUR-Lex code in the box Number (add if necessary one or more '0' at the beginning to make it four-digit, e.g. 0029));
  • modify if necessary the language (default EN=English) in the box Language;
  • the string to be used in the url is generated automatically in the box EurLex Product code;
  • the name of the legal document is generated automatically in the box Text to display - the 'O' added here have to be removed again, other text changes are also possible.
  • click Ok - a template {{Template:EurLex|code=CELEX:32010R0029:EN:NOT|title=Regulation 0029/2010}} for linking to the EUR-Lex product page is inserted at the chosen location.

Picture link

Before you can insert an image link in a page, you first have to create a png file and upload this in Statistics Explained, see tutorial on inserting image files (http://ec.europa.eu/eurostat/statistics-explained/index.php/Tutorial:Inserting_image_files).

To insert an image link in a page:

  • position the cursor at the location where you want to insert an image link;
  • click picture button;
  • in the window which opens:
  • insert the name of the uploaded image file in the box Image file name;
An automatic search in the image files (Namespace 'File:') displays the first 10 files containing the string typed in the box below, Automatic search results (start typing in the above field);
  • select the file you want when it appears in the results (e.g. 'Combined_heat_and_power_evaluation,_2010.png' );
A preview of the image is shown in the box on the left.
  • enter in the box Caption the text to appear as a caption below the image - normally this is the exact title of the image file you copy/paste from the box 'image file name', without underscores and preceded by 'Table/Figure/Map x:' ;
All images are default displayed as a thumb' on the right with a size of 350 pixels.
  • click Ok - an internal (Statistics Explained) link [[Image:Combined_heat_and_power_evaluation,_2010.png|Combined heat and power evaluation, 2010|thumb|right|350px]] for linking to the image file is inserted at the chosen location.

Insert Excel file link

  • Upload the file to Statistics Explained
  • Click on the Excel icon
  • A window will appear
  • Enter the name of the file which you have uploaded
  • Enter the title you want to appear

Footnote/Reference

To insert or change the text of a (foot)note in the text:

  • position your cursor on the place the link to the footnote should appear;
  • click xxx button;
  • in the window which opens, type or paste the text of the footnote in the first box Reference text (Wikitext); you can add, optionally, a name for the footnote in the second box Reference name (optional);
  • click OK;

Please note: for the footnote to be displayed in the appropriate section at the bottom of the page, you need to add a header 'Notes' followed by the tag <references/> (you can just copy this section without change needed from Model:Statistical article#Notes).

Nowiki

To insert nowiki begin and end tags in order to display the selected text as written and without the wikitext code in it being operative ( (by adding <nowiki> before and </nowiki> after it):

  • select a text section;
  • click the nowiki button.

These tags are used, for instance, in a tutorial like the present one where tags need be shown without functioning as such.

Special tags for pdf versions

These tags are used by the Statistics Explained team when creating a PDF for any statistical article. For complete information, see Tutorial creating PDF version

Insert/Edit Formula

  • Click on Insert formula and ><math>Insert non-formatted text here</math> will appear.
  • Enter the formula between the two <math> signs.

Insert/Edit Table

If you want to insert the formatting for a table (without data, content can easily be inserted afterward, directly in the Rich Editor frame), position your cursor on the location you want to insert the table and click table generator. In the window Insert table which then opens, specify the table properties:

Add header row - displays the columns headers in the table Style with borders - use the borders in the table Rows - defines the number of rows (3 by default) Columns - defines the number of columns (3 by default)

The result is directly shown es Example in the window.

Paste table

To paste an Excel table (or part) in Statistics Explained, click Paste Table and in the window which opens:

  • paste the table in the box;
  • if the HTML Result preview is satisfactory, click Insert.

Insert special character

The special characters button opens a window to select and insert special characters:

  • position cursor on the location where you want to insert a special character;
  • select the character you want to insert - the selected character is shown in preview pane to the right;
  • click 'ok'

See also