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.
 * Named red 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
Example test with link and emphasis.

Syntax highlighter

 * See also Extension:SyntaxHighlight GeSHi

Quote
Plain blockquote: Cupcake ipsum dolor sit amet tart powder tootsie roll cotton candy. Lollipop tootsie roll tiramisu chocolate bar jelly-o ice cream tootsie roll powder. I love jelly-o chupa chups applicake. Candy fruitcake muffin liquorice oat cake. – Cupcake Ipsum

Fancy 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 ".

WikiHiero

 * See also Extension:WikiHiero

Poem
Species C1 C2 C3 Sp1 1 1 0 Sp2 1 0 1 Sp3 1 1 1

Music

 * See also Extension:Score and wikipedia:Help:Score

Basic LilyPond:

More elaborate and with audio player:

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

Transclusion with html comment in target.

Transclusion with wikitext expression as target.

Wikimedia engineering activity

This is an example of using the 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.