VisualEditor — the WYSIWYG-like editor for MediaWiki

Design and components

VisualEditor is implemented mainly in JavaScript for the browser interface and relies on a server-side parsing component that converts between wikitext and HTML. This intermediary service preserves structural metadata so edits in the visual view can be translated back into valid wikitext. The editor provides dialogs and toolbar controls for common tasks — adding links, references, images, categories and templates — while handling much of the underlying markup automatically.

Features

• Inline editing of paragraphs and lists with immediate visual feedback.
• Dialog-driven insertion and editing of citations, templates and images.
• Support for undo, search-and-replace and basic accessibility features.
• Integration options so projects can enable or disable VisualEditor or offer it alongside the source editor.

History and deployment

Development began as a multi-year effort to modernize editing on wikis and to attract newcomers who found wikitext intimidating. A beta release was enabled on larger Wikimedia wikis in mid-2013, with an opt-out available for users who preferred the source editor (Beta and opt-out settings were offered during rollout). The project has continued to evolve through community feedback and technical improvements.

Uses, reception and limitations

VisualEditor is widely used by editors who prefer a graphical interface, by occasional contributors, and in education or outreach contexts where quick edits are needed. It reduces the learning curve for newcomers but has also drawn criticism when complex templates or edge-case wikitext do not round-trip perfectly between visual and source views. Because it depends on a parsing service, site administrators must run the additional component for full functionality.

Notable facts and distinctions

As an open-source extension, VisualEditor is extensible and configurable and can be offered alongside the traditional wikitext editor so experienced users retain full control. Its aim is pragmatic: to make editing more accessible while preserving the expressive power of MediaWiki. For documentation and development details, see project pages linked by developers and community maintainers.

Further reading and project pages: Wikimedia Foundation, WYSIWYG concept, MediaWiki extension page, Beta rollout notes, opt-out information.