Jump to content

VisualEditor: Difference between revisions

From mediawiki.org
Content deleted Content added
m Reverted edits by Meyerzz (talk) to last version by Pppery
Tags: Replaced Rollback Disambiguation links
History: Adding notable features introduced since 2015. Thank you, User:ESanders (WMF) for compiling this list.
 
(21 intermediate revisions by 14 users not shown)
Line 17: Line 17:
:''For changes made on this wiki using VisualEditor, see the filters [{{canonicalurl:Special:RecentChanges|tagfilter=visualeditor}} visualeditor] and [{{canonicalurl:Special:RecentChanges|tagfilter=visualeditor-switched}} visualeditor-switched].''
:''For changes made on this wiki using VisualEditor, see the filters [{{canonicalurl:Special:RecentChanges|tagfilter=visualeditor}} visualeditor] and [{{canonicalurl:Special:RecentChanges|tagfilter=visualeditor-switched}} visualeditor-switched].''


The '''VisualEditor project''' by the [[Editing team]] aims to create a reliable rich-text [[editor]] for MediaWiki. VisualEditor is available as a [[Extension:VisualEditor|MediaWiki extension]] using the [[Parsoid]] project to supply HTML+RDFa; however, its [[#standalone|core implementation]] can be run without any of MediaWiki, Parsoid, or [[:en:Node.js|Node.js]].
'''VisualEditor''' is a reliable rich-text [[editor]] for HTML documents. It was created by the [[Editing team]] for [[Specs/HTML|MediaWiki's HTML+RDFa]] document format (generated by [[Parsoid]]) and is available as a [[Extension:VisualEditor|MediaWiki extension]]. VisualEditor's [[#standalone|core implementation]] is a standalone JavaScript library and can run without MediaWiki, Parsoid, or Node.js.
[[File:Wiki expansion 75+ barnstar.png|thumb|Edit #75,000,000 in VisualEditor was made in June 2021.]]
[[File:100M barnstar.png|thumb|Edit #100,000,000 in VisualEditor was made in November 2022.]]
As of 2020, the visual editor is available to all users here at MediaWiki.org and on almost all languages of Wikipedia and Wikivoyage. On most other Wikimedia projects and languages, it is available as an opt-in [[Beta Features|Beta Feature]] to logged-in users. VisualEditor is only available in some namespaces, including the main namespace (where this page is), but generally not in discussion or template [[namespaces]].
As of 2020, VisualEditor is enabled by default here on mediawiki.org and on most Wikipedia and Wikivoyage language editions. On remaining wikis, is available to logged-in users as an opt-in feature; since April 2023, this is directly, rather than as a [[Beta Features|Beta Feature]]. VisualEditor is generally not enabled for pages outside the content [[Manual:Namespace|namespaces]], such as discussion pages or template code.


Information about VisualEditor's wikitext mode is at [[2017 wikitext editor]].
More information about VisualEditor can be found on the '''multi-lingual [[Special:MyLanguage/VisualEditor/Portal|VisualEditor Portal]]''', on [//blog.wikimedia.org/2012/06/21/help-us-shape-wikimedias-prototype-visual-editor Wikimedia's blog], and [[Special:MyLanguage/Help:VisualEditor/FAQ|the FAQ]]. Information about VisualEditor's wikitext mode is at [[2017 wikitext editor]].

More information about VisualEditor can be found on [//blog.wikimedia.org/2012/06/21/help-us-shape-wikimedias-prototype-visual-editor Wikimedia's blog] and the [[Special:MyLanguage/Help:VisualEditor/FAQ|FAQs]]. '''Please visit the main, multi-lingual [[Special:MyLanguage/VisualEditor/Portal|VisualEditor Portal]]'''.


== Original rationale ==
== Original rationale ==
Line 29: Line 27:


The decline in new contributor growth was viewed as the single most serious challenge facing the Wikimedia movement. VisualEditor was built with the goal of removing avoidable technical impediments associated with Wikimedia's editing interface, as a necessary pre-condition for increasing the number of Wikimedia contributors. Subsequent research found [[M:Research:VisualEditor's_effect_on_newly_registered_editors/May_2015_study|no measurable gains]] over wikitext for new contributors.
The decline in new contributor growth was viewed as the single most serious challenge facing the Wikimedia movement. VisualEditor was built with the goal of removing avoidable technical impediments associated with Wikimedia's editing interface, as a necessary pre-condition for increasing the number of Wikimedia contributors. Subsequent research found [[M:Research:VisualEditor's_effect_on_newly_registered_editors/May_2015_study|no measurable gains]] over wikitext for new contributors.

== Data ==
See [[VisualEditor/Impact|VisualEditor/Data]] for an overview of the what we know about how people use and experience the visual editor (mobile and desktop).


== History ==
== History ==
Line 37: Line 38:
* The [[Wikimedia Engineering/2014-15 Goals#Editing|2013–2014 Engineering Goals]] document lists the goals for that year.
* The [[Wikimedia Engineering/2014-15 Goals#Editing|2013–2014 Engineering Goals]] document lists the goals for that year.
* VisualEditor was deployed to most users at most Wikimedia projects by the end of 2015. See [[VisualEditor/Rollouts]] for a list.
* VisualEditor was deployed to most users at most Wikimedia projects by the end of 2015. See [[VisualEditor/Rollouts]] for a list.
* As of August 2026, [[phab:P94718|1,800+ bugs have been fixed and features introduced]] to improve peoples' experience using the visual editor.
* Notable features and improvements introduced since 2015:
** Rich text paste handling, including table paste
** Table editing improvements
** Interwiki link improvements
** Command search (ctrl+/)
** Find and replace, including regexes
** Improved template editing interface with TemplateData
** Numerous performance & IME bugs
** Improved auto-saved


Enabling VisualEditor by default for all users or for all logged-in users can be requested by contacting the Editing team's product manager.
Enabling VisualEditor by default for all users or for all logged-in users can be requested by contacting the Editing team's product manager. {{anchor|standalone}}
{{anchor|standalone}}


== Core module ==
== Core module ==
Line 45: Line 55:


Here are some helpful links:
Here are some helpful links:
* [https://en.wikipedia.beta.wmflabs.org/w/extensions/VisualEditor/lib/ve/demos/ve/desktop-wikimediaui.html#!simple Standalone demo]
* [https://en.wikipedia.org/w/extensions/VisualEditor/lib/ve/demos/ve/desktop.html#!simple '''Standalone demo''']
* [https://doc.wikimedia.org/VisualEditor/master/ Documentation]
* [https://doc.wikimedia.org/VisualEditor/master/ Documentation]
* [https://gerrit.wikimedia.org/g/VisualEditor/VisualEditor Git repository] ([https://github.com/wikimedia/VisualEditor GitHub clone])
* [https://gerrit.wikimedia.org/g/VisualEditor/VisualEditor Git repository] ([https://github.com/wikimedia/VisualEditor GitHub mirror])
* [[VisualEditor/Setup|Installation help]]
* [[VisualEditor/Setup|Installation help]]


Line 53: Line 63:
* [[VisualEditor/Developer glossary|Developer glossary]]
* [[VisualEditor/Developer glossary|Developer glossary]]
* [[VisualEditor/Developers/Getting started|Getting started]]
* [[VisualEditor/Developers/Getting started|Getting started]]
* [[VisualEditor/Internals|Internals]]
* [[VisualEditor/Tutorial|Developer tutorial]]
* [https://doc.wikimedia.org/VisualEditor/master/ Generated code documentation]
* [https://doc.wikimedia.org/VisualEditor/master/ Generated code documentation]
* [[Media:VisualEditor sequence-diagram page-retrieval.svg|Sequence diagram: Page Retrieval]]
* [[:File:VisualEditor sequence-diagram page-retrieval.svg|Sequence diagram: Page Retrieval]]
* [[Media:VisualEditor sequence-diagram page-edit.svg|Sequence diagram: Page Edit]]
* [[:File:VisualEditor sequence-diagram page-edit.svg|Sequence diagram: Page Edit]]


You can speak with us in our chat channel, {{IRC|mediawiki-visualeditor}}.
You can speak with us in our chat channel, {{IRC|mediawiki-visualeditor}}.
Line 82: Line 94:
* [[VisualEditor:Test|A VisualEditor demo page/sandbox]]
* [[VisualEditor:Test|A VisualEditor demo page/sandbox]]
* [[Extension:VisualEditor]] (including installation instructions)
* [[Extension:VisualEditor]] (including installation instructions)
* [[VisualEditor/Installation on a shared host]]
* [[VisualEditor gadgets|Guide to hacking VisualEditor: VE gadgets]]
* [[VisualEditor gadgets|Guide to hacking VisualEditor: VE gadgets]]
* [[Parsoid]]
* [[Parsoid]]
* [[Future]] (as of 2012)
* [[Wikitext.next]]
* [[VisualEditor/Index]] of related pages on several wikis
* [[VisualEditor/Index]] of related pages on several wikis
* [[:m:VisualEditor/Newsletter|VisualEditor multilingual newsletter]], focused on WMF wikis
* [[:m:VisualEditor/Newsletter|VisualEditor multilingual newsletter]], focused on WMF wikis
* [[VisualEditor/Survey 2015|Results of the 2015 survey]]
* [[VisualEditor/Survey 2015|Results of the 2015 survey]]
* {{Ll|Extension:Slash Commands|Slash Commands}} – Adds "slash commands", i.e., text shortcuts that start with a forward slash ("/") and trigger specific actions via the Visual Editor.
* {{ll|Extension:TinyMCE}}


[[Category:VisualEditor{{#translation:}}]]
[[Category:VisualEditor{{#translation:}}]]

Latest revision as of 22:04, 7 August 2026

For help installing and running VisualEditor, see Extension:VisualEditor.
For changes made on this wiki using VisualEditor, see the filters visualeditor and visualeditor-switched.

VisualEditor is a reliable rich-text editor for HTML documents. It was created by the Editing team for MediaWiki's HTML+RDFa document format (generated by Parsoid) and is available as a MediaWiki extension. VisualEditor's core implementation is a standalone JavaScript library and can run without MediaWiki, Parsoid, or Node.js.

Edit #100,000,000 in VisualEditor was made in November 2022.

As of 2020, VisualEditor is enabled by default here on mediawiki.org and on most Wikipedia and Wikivoyage language editions. On remaining wikis, is available to logged-in users as an opt-in feature; since April 2023, this is directly, rather than as a Beta Feature. VisualEditor is generally not enabled for pages outside the content namespaces, such as discussion pages or template code.

More information about VisualEditor can be found on the multi-lingual VisualEditor Portal, on Wikimedia's blog, and the FAQ. Information about VisualEditor's wikitext mode is at 2017 wikitext editor.

Original rationale

The decline in new contributor growth was viewed as the single most serious challenge facing the Wikimedia movement. VisualEditor was built with the goal of removing avoidable technical impediments associated with Wikimedia's editing interface, as a necessary pre-condition for increasing the number of Wikimedia contributors. Subsequent research found no measurable gains over wikitext for new contributors.

Data

See VisualEditor/Data for an overview of the what we know about how people use and experience the visual editor (mobile and desktop).

History

  • Some level of exploration was done in 2010 by the Wikipedia Usability Initiative.
  • The 2011 product whitepaper published by the Wikimedia Foundation's strategic product team identified rich-text editing as one of the "Great Movement Projects". Work subsequently started in May 2011.
  • The 2011–2012 Wikimedia annual plan, released July 2011, states a goal for VisualEditor: "First opt-in user-facing production usage by December 2011, and first small wiki default deployment by June 2012".
  • The 2012–2013 Engineering Goals document sets a timeline for VisualEditor's development and deployment up to the end of June 2013.
  • The 2013–2014 Engineering Goals document lists the goals for that year.
  • VisualEditor was deployed to most users at most Wikimedia projects by the end of 2015. See VisualEditor/Rollouts for a list.
  • As of August 2026, 1,800+ bugs have been fixed and features introduced to improve peoples' experience using the visual editor.
  • Notable features and improvements introduced since 2015:
    • Rich text paste handling, including table paste
    • Table editing improvements
    • Interwiki link improvements
    • Command search (ctrl+/)
    • Find and replace, including regexes
    • Improved template editing interface with TemplateData
    • Numerous performance & IME bugs
    • Improved auto-saved

Enabling VisualEditor by default for all users or for all logged-in users can be requested by contacting the Editing team's product manager.

Core module

VisualEditor is a standalone program that can be run without MediaWiki, Parsoid, or Node.js that provides a visual editor for editing HTML5 pages. It is written in JavaScript and runs in the browser.

Here are some helpful links:

Developer documentation

You can speak with us in our chat channel, #mediawiki-visualeditor connect.

Dashboards

For more information on VisualEditor and its design process, see these directory pages:

See also