VisualEditor/Basic example worksheet

Some test cases for VisualEditor.



Text style
This is some basic text. This is a link and some italics bold text.

Here we talk shop about  because. And perhaps some text using the obsolete teletype text element.

Links

 * Plain internal link: Sandbox
 * Named internal link
 * Interwiki link
 * Plain external link: http://example.org
 * Unnamed external link:
 * Named external link
 * [//example.org Named protocol-relative external link]

Lists

 * This bullet list should display "normally"
 * With another bullet
 * With a sub-item
 * A numbered sub-sub-item
 * And its successor
 * And be able to be split, extended, in-/out-dented and ended as normal.

Preformatted
/*global Color, Fruit, PearFruit, Basket, BigBasket, FruitBigBasket, InvalidArgumentError

var util = require('util');

/** * A non-empty basket of green-coloured fruits * that are not pears. * * @class * @extends FruitBigBasket * * @constructor * @param {Array} items * @throws {InvalidArgumentError} If basket contains unexpected items. */ function SmoigelBasket(items) { SmoigelBasket.super_.apply(this, arguments);

if (		!items.length ||			items.some(function (item) { return !item.color.isLike(Color.newFromKeyword('green')) || item instanceof PearFruit; })	) {		throw new InvalidArgumentError; } }

util.inherits(SmoigelBasket, FruitBigBasket);

Quote
Blockquote:  This was a triumph. I'm making a note here: HUGE SUCCESS.

So I'm GLaD. I got burned. – GLaDOS

Cite: GLaDOS was " making a note here ".

Enhanced elements
Table with  (jquery.tablesorter) and   (jquery.makeCollapsible).

Here!


Media files
This is an inline image, a frameless  one, and a block one with a caption:

Image without defined size



Thumb





Bold text:





Multi-line text:

[[File:VisualEditor-logo.svg|thumb|'''Test

split

on multiple lines'''.]]



Headings:

[[File:VisualEditor-logo.svg|thumb|Headings

Foo
Test.

Bar
Test. ]]



With an inline image:





With a thumb image:





With a ref:





<br style="clear:both;" />

With a div:

[[File:VisualEditor-logo.svg|thumb|Test

Test.

Test.]]

<br style="clear:both;" />

Templates
This is an example of using the "Unsigned" template, an inline template which you can edit (documentation):

This is an example of using the Wikimedia engineering project information template, a block template which you can edit (documentation):

<br style="clear:both;" />

Heading
in a reference!

Template in a reference.

Another Template in a reference.

List in a reference.

Multi-level lists in a reference.

Reference in a reference.

Cite web


And inline in a reference.

Notes list
Pískoviště Sandkasse Sandkasten Sandpit Sabloludejo Liivakast Hiekkalaatikko (leikkipaikka) Bac à sable ארגז חול Homokozó Sandkassi Sabbionaia 砂場 Zandbak Sandkasse Sandkasse Piaskownica