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, text.
 * Named internal link, text.
 * Interwiki link, text.
 * Plain external link: http://example.org, text.
 * Unnamed external link:, text.
 * Named external link, text.
 * [//example.org Named protocol-relative external link], text.

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.

Caching layers:
 * 1) Browser caches
 * 2) Native browser cache
 * 3) HTML5 Web Storage (SessionStorage, LocalStorage, ..)
 * 4) Front-end Varnishes
 * Varnish caches the entire HTTP responses, including thumbnails of images, frequently-requested pages, ResourceLoader modules, and similar items that can be retrieved over HTTP. The front-end Varnishes keep these in memory. A weighted-random load balancer (LVS) distributes web requests to the front-end Varnishes.
 * 1) Back-end Varnishes
 * When a front-end Varnish doesn't have a response cached, it passes the request to the back-end.
 * 1) memcached
 * 2) Object cache
 * 3) Query cache
 * 1) Query cache

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).

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:





With a div:

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

Test.

Test.]]

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):

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