WYSIFTW

WYSIFTW (formerly WYSIWTF) is a JavaScript-based tool originally written by Magnus Manske. Its primary purpose is to make it easier to edit wikipedia articles, especially for people unfamiliar with the intricacies of MediaWiki syntax (the vast majority of the planet, in case you forgot :-). This is achieved by creating a full-screen editing interface where the user can edit "augmented wikitext", that is, wikitext that has some "ugly" parts folded away by default, inline display of images etc. It has been tested on en.wikipedia, but should work elsewhere as well.

Installation

You can install WYSIFTW yourself to test it. Just add the following line to your "vector.js" user subpage:

document.write('<script type="text/javascript" src="http://toolserver.org/~magnus/wysiwtf/wysiwtf.js"><\/script>');

Implemented function

• Basic editing : Typing, delete/backspace, cursor movements, click-to-edit
• Internal links are recognized and turned into "blue" links, where the label can be edited like any other text. Double-clicking the link allows the user to edit the link target.
• Images are recognized and shown in-line. Thumbnail text can be edited like any other text. Double-clicking the image allows the user to edit the image name.
• Templates are recognized and put into green, dotted boxes. The template name is shown in bold; if there are no parameters, the template name is shown in italics. Templates with a long paramater list are automatically folded, that is, the parameters are hidden by default. Double-clicking the template name toggles the parameter list, which can then be freely edited. This works for nested templates as well.
• HTML tags are visually highlighted to separate them from the normal text.
• References are collapsed, similar to templates. The full reference text can be toggles by double-clicking the <ref> tag. Self-closing reference tags ("<ref/>") are treated like normal HTML tags.
• Build-in diff function
• Build-in preview function

To do

• "Advanced" editing: selection of text, advanced cursor movements
• Bold/italics
• Lists
• Tables
• External links
• Support more image properties in image dialog

Screenshots

• This is the WYSIFTW edit mode. One can edit directly in this page. Note the inline images, folded references, the unfolded reference entry in the second paragraph, and the template at the bottom (green). Article is Antbird.
  This is the WYSIFTW edit mode. One can edit directly in this page. Note the inline images, folded references, the unfolded reference entry in the second paragraph, and the template at the bottom (green). Article is Antbird.