This page is a translated version of the page VisualEditor/Diffs and the translation is 41% complete.

Since 2017, VisualEditor provides visual diffs (visual difference displays). These are available in two places in the interface: when previewing changes to the document before the user saves the page, and (as a beta feature) within the standard MediaWiki diff display, accessed from the history page. In both cases, the visual diff shows up alongside the traditional two-column wikitext diff, and the user can toggle between the two displays.

Visual diffs have two main advantages over wikitext diffs. The first is that editors can directly see the changes they and others have made without needing to understand wikitext. This is particularly helpful when looking at changes to graphical structures such as tables; for example, if an edit deletes a column from a table, the wikitext diff for it would be hard to understand, while the visual diff would be immediately obvious.

The second is that the technology can be used to more accurately represent the change to the reader. For example, if an edit swapped two paragraphs (with or without changes to the paragraphs), the visual diff will identify that this is what occurred, while a wikitext diff makes it appear that a paragraph was deleted and an entirely new paragraph was added.

Most of the examples and screenshots below are about using visual diffs during page previews when editing. However, VisualEditor's visual diffs can also be used on regular diff pages, on any wiki that has VisualEditor installed. You can see an example of it in use on the English-language Wikipedia here.

For wikis that have VisualEditor, there are several ways to activate this visual diff display:

  • Add the following to LocalSettings.php:
$wgVisualEditorEnableDiffPage = true;
  • If your wiki has a "Beta features" tab within Special:Preferences, and you want to make visual diffs an "opt-in" feature for users, you can add the following to LocalSettings.php:
$wgVisualEditorEnableDiffPageBetaFeature = true;
  • As seen in the Wikipedia example linked above, the visual diff mode can also be activated by simply adding "&visualdiff" to the URL of a diff page.

Kuinka se toimii

Kun olet viimeistellyt sivun muokkaamisen, kirjoita muokkausyhteenveto ja valitse "Tarkista muutoksesi". Visuaalisessa tilassa lisäykset, poistot, linkkien lisäykset ja muotoilut korostetaan. Muut eroavaisuudet, kuten muutokset kuvien ko'issa, huomioidaan sivun oikeassa reunassa.
Näistä napeista voit vaihtaa eroavaisuuden tarkastelua visuaalisen ja wikitekstin tilan välillä.
Wikitekstin eroavaisuustila on sama eroavaisuustyökalu, jota käytetään wikitekstin muokkaustilassa ja sivuhistoriassa.


Käytetty teknologia

Thalia Chan, Unifying editing and visual diffs, Wikimania 2017

Current limitations

  • No notices for changes to "invisible" page metadata , such as categories or TOC keywords.
  • Has issues with complex changes to tables.[3]
  • Unavailable on certain special pages:
    • Undo "diff" pages.[4]
    • Edit conflict pages[5]


This feature has been available as the first diff tool in the desktop VisualEditor from the 1.31.0-wmf-20 branch onwards (released to Wikimedia production on 6 February 2018). Before that, it was a secondary tool from the 1.29.0-wmf-17 branch onwards (released to Wikimedia production on 21 March 2017).

Katso myös