CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-disabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>VisualEditor/Diffs - MediaWiki</title> <script>(function(){var className="client-js vector-feature-language-in-header-disabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available";var cookie=document.cookie.match(/(?:^|; )mediawikiwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy", "wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"baf31e2d-5471-49a2-a345-21b2c62c47ab","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"VisualEditor/Diffs","wgTitle":"VisualEditor/Diffs","wgCurRevisionId":6875600,"wgRevisionId":6875600,"wgArticleId":670426,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["VisualEditor","Visual diffs"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"VisualEditor/Diffs","wgRelevantArticleId":670426,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":["autoconfirmed"],"wgRestrictionMove":["autoconfirmed"],"wgNoticeProject":"mediawiki","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgVisualEditor":{ "pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":8000,"wgInternalRedirectTargetUrl":"/wiki/VisualEditor/Diffs","wgTranslatePageTranslation":"source","wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"visual","wgULSPosition":"personal","wgULSisCompactLinksEnabled":true,"wgVector2022LanguageInHeader":false,"wgULSisLanguageSelectorEmpty":false,"wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"]};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles": "ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.translate.tag.languages":"ready","ext.pygments":"ready","mediawiki.page.gallery.styles":"ready","ext.cite.styles":"ready","ext.tmh.player.styles":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.translate.edit.documentation.styles":"ready","ext.translate":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.pt":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["mediawiki.action.view.redirect","ext.pygments.view","mediawiki.page.gallery","ext.cite.ux-enhancements","mediawiki.page.media","ext.tmh.player","site","mediawiki.page.ready","mediawiki.toc", "skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.translate.pagetranslation.uls","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.compactlinks","ext.uls.interface","ext.checkUser.clientHints"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.cite.styles%7Cext.discussionTools.init.styles%7Cext.pygments%2Ctranslate%2CwikimediaBadges%7Cext.tmh.player.styles%7Cext.translate.edit.documentation.styles%7Cext.translate.tag.languages%7Cext.uls.pt%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cmediawiki.page.gallery.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.17"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/9/9e/VisualEditor_visual_diff_tool_-_visual_diff.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1341"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/9/9e/VisualEditor_visual_diff_tool_-_visual_diff.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="894"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="715"> <meta name="viewport" content="width=1120"> <meta property="og:site_name" content="MediaWiki"> <meta property="og:title" content="VisualEditor/Diffs - MediaWiki"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//m.mediawiki.org/wiki/VisualEditor/Diffs"> <link rel="apple-touch-icon" href="/static/apple-touch/mediawiki.png"> <link rel="icon" href="/static/favicon/mediawiki.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="MediaWiki (en)"> <link rel="EditURI" type="application/rsd+xml" href="//www.mediawiki.org/w/api.php?action=rsd"> <link rel="canonical" href="https://www.mediawiki.org/wiki/VisualEditor/Diffs"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"> <link rel="alternate" type="application/atom+xml" title="MediaWiki Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="login.wikimedia.org"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-VisualEditor_Diffs rootpage-VisualEditor skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" title="Main menu" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/MediaWiki" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-mw-download" class="mw-list-item"><a href="/wiki/Download"><span>Get MediaWiki</span></a></li><li id="n-mw-extensions" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Category:Extensions"><span>Get extensions</span></a></li><li id="n-blog-text" class="mw-list-item"><a href="https://techblog.wikimedia.org/"><span>Tech blog</span></a></li><li id="n-mw-contribute" class="mw-list-item"><a href="/wiki/Special:MyLanguage/How_to_contribute"><span>Contribute</span></a></li> </ul> </div> </div> <div id="p-support" class="vector-menu mw-portlet mw-portlet-support" > <div class="vector-menu-heading"> Support </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Help:Contents" title="The place to find out"><span>User help</span></a></li><li id="n-mw-faq" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Manual:FAQ"><span>FAQ</span></a></li><li id="n-mw-manual" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Manual:Contents"><span>Technical manual</span></a></li><li id="n-mw-supportdesk" class="mw-list-item"><a href="/wiki/Project:Support_desk"><span>Support desk</span></a></li><li id="n-mw-communication" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Communication"><span>Communication</span></a></li> </ul> </div> </div> <div id="p-development" class="vector-menu mw-portlet mw-portlet-development" > <div class="vector-menu-heading"> Development </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mw-developerportal" class="mw-list-item"><a href="https://developer.wikimedia.org/"><span>Developer portal</span></a></li><li id="n-svn-statistics" class="mw-list-item"><a href="/wiki/Development_statistics"><span>Code statistics</span></a></li> </ul> </div> </div> <div id="p-mediawiki.org" class="vector-menu mw-portlet mw-portlet-mediawiki_org" > <div class="vector-menu-heading"> mediawiki.org </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-portal" class="mw-list-item"><a href="/wiki/Project:Help" title="About the project, what you can do, where to find things"><span>Community portal</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes in the wiki [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-mw-translate" class="mw-list-item"><a href="/wiki/Special:LanguageStats"><span>Translate content</span></a></li><li id="n-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages"><span>Special pages</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Load a random page [x]" accesskey="x"><span>Random page</span></a></li><li id="n-mw-discussion" class="mw-list-item"><a href="/wiki/Project:Village_Pump"><span>Village pump</span></a></li><li id="n-Sandboxlink-portlet-label" class="mw-list-item"><a href="/wiki/Project:Sandbox"><span>Sandbox</span></a></li> </ul> </div> </div> <div id="p-lang" class="vector-menu mw-portlet mw-portlet-lang" > <div class="vector-menu-heading"> In other languages </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-add wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:NewItem?site=mediawikiwiki&page=VisualEditor%2FDiffs" title="Add interlanguage links" class="wbc-editpage">Add links</a></span></div> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/MediaWiki" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/mediawikiwiki.svg" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="MediaWiki" src="/static/images/mobile/copyright/mediawikiwiki-wordmark.svg" style="width: 7.5em; height: 1.125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search MediaWiki [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search mediawiki.org" aria-label="Search mediawiki.org" autocapitalize="sentences" title="Search MediaWiki [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-uls" class="mw-list-item active user-links-collapsible-item"><a data-mw="interface" href="#" class="uls-trigger cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet"><span class="vector-icon mw-ui-icon-wikimedia-language mw-ui-icon-wikimedia-wikimedia-language"></span> <span>English</span></a> </li> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=www.mediawiki.org&uselang=en" class=""><span>Donate</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&returnto=VisualEditor%2FDiffs" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&returnto=VisualEditor%2FDiffs" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o" class=""><span>Log in</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="More options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=www.mediawiki.org&uselang=en"><span>Donate</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=VisualEditor%2FDiffs" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=VisualEditor%2FDiffs" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Beginning</div> </a> </li> <li id="toc-On_regular_diff_pages" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#On_regular_diff_pages"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>On regular diff pages</span> </div> </a> <ul id="toc-On_regular_diff_pages-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-How_it_works" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#How_it_works"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>How it works</span> </div> </a> <ul id="toc-How_it_works-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Examples" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Examples"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Examples</span> </div> </a> <ul id="toc-Examples-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Technology_used" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Technology_used"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Technology used</span> </div> </a> <ul id="toc-Technology_used-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Current_limitations" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Current_limitations"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Current limitations</span> </div> </a> <ul id="toc-Current_limitations-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-History" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#History"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>History</span> </div> </a> <ul id="toc-History-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>See also</span> </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Footnotes" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Footnotes"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span> <span>Footnotes</span> </div> </a> <ul id="toc-Footnotes-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" title="Table of Contents" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">VisualEditor/Diffs</span></h1> <div class="mw-indicators"> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/VisualEditor/Diffs" title="View the content page [c]" accesskey="c"><span>Page</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Talk:VisualEditor/Diffs" rel="discussion" title="Discussion about the content page [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/VisualEditor/Diffs"><span>Read</span></a></li><li id="ca-viewsource" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=VisualEditor/Diffs&action=edit" title="This page is protected.
You can view its source [e]" accesskey="e"><span>View source</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=VisualEditor/Diffs&action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/VisualEditor/Diffs"><span>Read</span></a></li><li id="ca-more-viewsource" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=VisualEditor/Diffs&action=edit"><span>View source</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=VisualEditor/Diffs&action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/VisualEditor/Diffs" title="A list of all wiki pages that link here [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/VisualEditor/Diffs" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="//commons.wikimedia.org/wiki/Special:UploadWizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=VisualEditor/Diffs&oldid=6875600" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=VisualEditor/Diffs&action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Special:CiteThisPage&page=VisualEditor%2FDiffs&id=6875600&wpFormIdentifier=titleform" title="Information on how to cite this page"><span>Cite this page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fwww.mediawiki.org%2Fwiki%2FVisualEditor%2FDiffs"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fwww.mediawiki.org%2Fwiki%2FVisualEditor%2FDiffs"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Special:Book&bookcmd=book_creator&referer=VisualEditor%2FDiffs"><span>Create a book</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&page=VisualEditor%2FDiffs&action=show-download-screen"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=VisualEditor/Diffs&printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects emptyPortlet" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div id="siteSub" class="noprint">From mediawiki.org</div> </div> <div id="contentSub"><div id="mw-content-subtitle"><div class="subpages">< <bdi dir="ltr"><a href="/wiki/Special:MyLanguage/VisualEditor" title="Special:MyLanguage/VisualEditor">VisualEditor</a></bdi></div></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-pt-translate-header noprint nomobile" dir="ltr" lang="en"><a href="/w/index.php?title=Special:Translate&group=page-VisualEditor%2FDiffs&action=page&filter=&action_source=translate_page" title="Special:Translate">Translate this page</a></div><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><div class="mw-pt-languages noprint navigation-not-searchable" lang="en" dir="ltr"><div class="mw-pt-languages-label">Languages:</div><ul class="mw-pt-languages-list"><li><a href="/wiki/VisualEditor/Diffs/de" class="mw-pt-progress mw-pt-progress--med" title="VisualEditor/Diffs (52% translated)" lang="de" dir="ltr">Deutsch</a></li> <li><span class="mw-pt-languages-ui mw-pt-languages-selected mw-pt-progress mw-pt-progress--complete" lang="en" dir="ltr">English</span></li> <li><a href="/wiki/VisualEditor/Diffs/nl" class="mw-pt-progress mw-pt-progress--complete" title="VisualEditor/Verschillen (100% translated)" lang="nl" dir="ltr">Nederlands</a></li> <li><a href="/wiki/VisualEditor/Diffs/tr" class="mw-pt-progress mw-pt-progress--med" title="Görsel Düzenleyici/Farklar (15% translated)" lang="tr" dir="ltr">Türkçe</a></li> <li><a href="/wiki/VisualEditor/Diffs/yo" class="mw-pt-progress mw-pt-progress--high" title="VisualEditor/Diffs (94% translated)" lang="yo" dir="ltr">Yorùbá</a></li> <li><a href="/wiki/VisualEditor/Diffs/da" class="mw-pt-progress mw-pt-progress--med" title="VisualEditor/Forskelle (17% translated)" lang="da" dir="ltr">dansk</a></li> <li><a href="/wiki/VisualEditor/Diffs/es" class="mw-pt-progress mw-pt-progress--complete" title="Editor Visual/Diffs (100% translated)" lang="es" dir="ltr">español</a></li> <li><a href="/wiki/VisualEditor/Diffs/fr" class="mw-pt-progress mw-pt-progress--complete" title="Éditeur visuel/Diffs (100% translated)" lang="fr" dir="ltr">français</a></li> <li><a href="/wiki/VisualEditor/Diffs/pl" class="mw-pt-progress mw-pt-progress--med" title="VisualEditor/Porównywanie (69% translated)" lang="pl" dir="ltr">polski</a></li> <li><a href="/wiki/VisualEditor/Diffs/pt-br" class="mw-pt-progress mw-pt-progress--complete" title="Editor Visual/Diferenças (100% translated)" lang="pt-BR" dir="ltr">português do Brasil</a></li> <li><a href="/wiki/VisualEditor/Diffs/sk" class="mw-pt-progress mw-pt-progress--med" title="Vizuálny editor/rozdiely verzií (44% translated)" lang="sk" dir="ltr">slovenčina</a></li> <li><a href="/wiki/VisualEditor/Diffs/fi" class="mw-pt-progress mw-pt-progress--med" title="VisualEditor/Diffs/fi (41% translated)" lang="fi" dir="ltr">suomi</a></li> <li><a href="/wiki/VisualEditor/Diffs/cs" class="mw-pt-progress mw-pt-progress--complete" title="Vizuální editor/Rozdíly verzí (100% translated)" lang="cs" dir="ltr">čeština</a></li> <li><a href="/wiki/VisualEditor/Diffs/ru" class="mw-pt-progress mw-pt-progress--high" title="Визуальный редактор/Сравнения версий (85% translated)" lang="ru" dir="ltr">русский</a></li> <li><a href="/wiki/VisualEditor/Diffs/sr" class="mw-pt-progress mw-pt-progress--med" title="Визуелни уређивач/Разлике (35% translated)" lang="sr" dir="ltr">српски / srpski</a></li> <li><a href="/wiki/VisualEditor/Diffs/uk" class="mw-pt-progress mw-pt-progress--complete" title="Візуальний редактор/Дифи (100% translated)" lang="uk" dir="ltr">українська</a></li> <li><a href="/wiki/VisualEditor/Diffs/he" class="mw-pt-progress mw-pt-progress--med" title="עורך חזותי/הבדלי גרסאות (26% translated)" lang="he" dir="rtl">עברית</a></li> <li><a href="/wiki/VisualEditor/Diffs/fa" class="mw-pt-progress mw-pt-progress--med" title="ویرایشگر دیداری/تفاوت‌ها (20% translated)" lang="fa" dir="rtl">فارسی</a></li> <li><a href="/wiki/VisualEditor/Diffs/zh" class="mw-pt-progress mw-pt-progress--med" title="可视化编辑器/差异 (31% translated)" lang="zh" dir="ltr">中文</a></li> <li><a href="/wiki/VisualEditor/Diffs/ja" class="mw-pt-progress mw-pt-progress--complete" title="ビジュアルエディター/差分 (100% translated)" lang="ja" dir="ltr">日本語</a></li> <li><a href="/wiki/VisualEditor/Diffs/ko" class="mw-pt-progress mw-pt-progress--complete" title="시각편집기/차이 (100% translated)" lang="ko" dir="ltr">한국어</a></li></ul></div> <p>Since 2017, <a href="/wiki/Special:MyLanguage/VisualEditor" title="Special:MyLanguage/VisualEditor">VisualEditor</a><span style="display:none"><a href="/wiki/VisualEditor" title="VisualEditor"> </a></span> provides <b><a href="/wiki/Special:MyLanguage/visual_diffs" title="Special:MyLanguage/visual diffs">Visual diffs</a><span style="display:none"><a href="/wiki/Visual_diffs" class="mw-disambig" title="Visual diffs"> </a></span></b> (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 <a href="/wiki/Special:MyLanguage/Beta_Features" title="Special:MyLanguage/Beta Features">beta feature</a>) within the standard MediaWiki diff display, accessed from the history page. In both cases, the visual diff shows up alongside the <a href="/wiki/Special:MyLanguage/Help:Diff" title="Special:MyLanguage/Help:Diff">traditional two-column wikitext diff</a>, and the user can toggle between the two displays. </p><p>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 <a href="/wiki/Special:MyLanguage/wikitext" title="Special:MyLanguage/wikitext">wikitext</a>. 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. </p><p>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. </p> <meta property="mw:PageProp/toc"/> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="On_regular_diff_pages" data-mw-thread-id="h-On_regular_diff_pages"><span data-mw-comment-start="" id="h-On_regular_diff_pages"></span>On regular diff pages<span data-mw-comment-end="h-On_regular_diff_pages"></span></h2></div> <p>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 <a href="https://en.wikipedia.org/wiki/Special:Diff/473592443" class="extiw" title="w:Special:Diff/473592443">here</a>. </p><p>For wikis that have VisualEditor, there are several ways to activate this visual diff display: </p> <ul><li>Add the following to LocalSettings.php:</li></ul> <div class="mw-highlight mw-highlight-lang-php mw-content-ltr" dir="ltr"><pre><span></span><span class="nv">$wgVisualEditorEnableDiffPage</span> <span class="o">=</span> <span class="k">true</span><span class="p">;</span> </pre></div> <ul><li>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:</li></ul> <div class="mw-highlight mw-highlight-lang-php mw-content-ltr" dir="ltr"><pre><span></span><span class="nv">$wgVisualEditorEnableDiffPageBetaFeature</span> <span class="o">=</span> <span class="k">true</span><span class="p">;</span> </pre></div> <ul><li>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.</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="How_it_works" data-mw-thread-id="h-How_it_works"><span data-mw-comment-start="" id="h-How_it_works"></span>How it works<span data-mw-comment-end="h-How_it_works"></span></h2></div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:VisualEditor_visual_diff_tool_-_visual_diff.png" class="mw-file-description"><img alt="Screenshot showing some changes to an article. Most changes are highlighted with text formatting." src="//upload.wikimedia.org/wikipedia/commons/thumb/9/9e/VisualEditor_visual_diff_tool_-_visual_diff.png/300px-VisualEditor_visual_diff_tool_-_visual_diff.png" decoding="async" width="300" height="335" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/9e/VisualEditor_visual_diff_tool_-_visual_diff.png/450px-VisualEditor_visual_diff_tool_-_visual_diff.png 1.5x, //upload.wikimedia.org/wikipedia/commons/9/9e/VisualEditor_visual_diff_tool_-_visual_diff.png 2x" data-file-width="578" data-file-height="646"/></a><figcaption>When you are finished editing the page, type your edit summary and then choose "Review your changes". In visual mode, you will see additions, removals, new links, and formatting highlighted. Other changes, such as changing the size of an image, are described in notes on the side.</figcaption></figure> <div style="clear: both;"></div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:VisualEditor_visual_diff_tool_-_toggle_button.png" class="mw-file-description"><img alt="Toggle button showing visual and wikitext options; visual option is selected." src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a4/VisualEditor_visual_diff_tool_-_toggle_button.png/220px-VisualEditor_visual_diff_tool_-_toggle_button.png" decoding="async" width="220" height="42" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/a/a4/VisualEditor_visual_diff_tool_-_toggle_button.png 1.5x" data-file-width="265" data-file-height="50"/></a><figcaption>Click the toggle button to switch between visual and wikitext diffs.</figcaption></figure> <div style="clear: both;"></div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:VisualEditor_visual_diff_tool_-_wikitext_diff.png" class="mw-file-description"><img alt="Screenshot showing the same changes, in the two-column wikitext diff display." src="//upload.wikimedia.org/wikipedia/commons/thumb/9/9f/VisualEditor_visual_diff_tool_-_wikitext_diff.png/219px-VisualEditor_visual_diff_tool_-_wikitext_diff.png" decoding="async" width="219" height="245" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/9f/VisualEditor_visual_diff_tool_-_wikitext_diff.png/329px-VisualEditor_visual_diff_tool_-_wikitext_diff.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/9f/VisualEditor_visual_diff_tool_-_wikitext_diff.png/438px-VisualEditor_visual_diff_tool_-_wikitext_diff.png 2x" data-file-width="577" data-file-height="645"/></a><figcaption>The wikitext diff is the same diff tool that is used in the wikitext editors and in the page history.</figcaption></figure> <div style="clear: both;"></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Examples" data-mw-thread-id="h-Examples"><span data-mw-comment-start="" id="h-Examples"></span>Examples<span data-mw-comment-end="h-Examples"></span></h2></div> <ul class="gallery mw-gallery-packed"> <li class="gallerycaption">Rich text edits</li> <li class="gallerybox" style="width: 484.66666666667px"> <div class="thumb" style="width: 482.66666666667px;"><span typeof="mw:File"><a href="/wiki/File:VisualEditor_visual_diff_rich_text_edit.png" class="mw-file-description" title="Visual diff"><img alt="Visual diff" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/43/VisualEditor_visual_diff_rich_text_edit.png/724px-VisualEditor_visual_diff_rich_text_edit.png" decoding="async" width="483" height="190" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/4/43/VisualEditor_visual_diff_rich_text_edit.png 1.5x" data-file-width="904" data-file-height="356"/></a></span></div> <div class="gallerytext">Visual diff</div> </li> <li class="gallerybox" style="width: 398px"> <div class="thumb" style="width: 396px;"><span typeof="mw:File"><a href="/wiki/File:VisualEditor_wikitext_diff_rich_text_edit.png" class="mw-file-description" title="Wikitext diff"><img alt="Wikitext diff" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/VisualEditor_wikitext_diff_rich_text_edit.png/594px-VisualEditor_wikitext_diff_rich_text_edit.png" decoding="async" width="396" height="190" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/VisualEditor_wikitext_diff_rich_text_edit.png/892px-VisualEditor_wikitext_diff_rich_text_edit.png 1.5x, //upload.wikimedia.org/wikipedia/commons/4/45/VisualEditor_wikitext_diff_rich_text_edit.png 2x" data-file-width="904" data-file-height="434"/></a></span></div> <div class="gallerytext">Wikitext diff</div> </li> </ul> <ul class="gallery mw-gallery-packed"> <li class="gallerycaption">Paragraph move with subtle vandalism</li> <li class="gallerybox" style="width: 410px"> <div class="thumb" style="width: 408px;"><span typeof="mw:File"><a href="/wiki/File:VisualEditor_visual_diff_paragraph_move_and_vandalism.png" class="mw-file-description" title="Visual diff"><img alt="Visual diff" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/27/VisualEditor_visual_diff_paragraph_move_and_vandalism.png/612px-VisualEditor_visual_diff_paragraph_move_and_vandalism.png" decoding="async" width="408" height="270" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/2/27/VisualEditor_visual_diff_paragraph_move_and_vandalism.png 1.5x" data-file-width="853" data-file-height="565"/></a></span></div> <div class="gallerytext">Visual diff</div> </li> <li class="gallerybox" style="width: 410px"> <div class="thumb" style="width: 408px;"><span typeof="mw:File"><a href="/wiki/File:VisualEditor_wikitext_diff_paragraph_move_and_vandalism.png" class="mw-file-description" title="Wikitext diff (2017). This feature was added to the wikitext diff engine in 2018; see File:VisualEditor new wikitext diff with paragraph move and vandalism.png."><img alt="Wikitext diff (2017). This feature was added to the wikitext diff engine in 2018; see File:VisualEditor new wikitext diff with paragraph move and vandalism.png." src="//upload.wikimedia.org/wikipedia/commons/thumb/7/70/VisualEditor_wikitext_diff_paragraph_move_and_vandalism.png/612px-VisualEditor_wikitext_diff_paragraph_move_and_vandalism.png" decoding="async" width="408" height="270" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/7/70/VisualEditor_wikitext_diff_paragraph_move_and_vandalism.png 1.5x" data-file-width="852" data-file-height="564"/></a></span></div> <div class="gallerytext">Wikitext diff (2017). This feature was added to the wikitext diff engine in 2018; see <a href="/wiki/File:VisualEditor_new_wikitext_diff_with_paragraph_move_and_vandalism.png" title="File:VisualEditor new wikitext diff with paragraph move and vandalism.png">File:VisualEditor new wikitext diff with paragraph move and vandalism.png</a>.</div> </li> </ul> <ul class="gallery mw-gallery-packed"> <li class="gallerycaption">Table column removed</li> <li class="gallerybox" style="width: 362px"> <div class="thumb" style="width: 360px;"><span typeof="mw:File"><a href="/wiki/File:VisualEditor_visual_diff_table_remove_col.png" class="mw-file-description" title="Visual diff"><img alt="Visual diff" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/VisualEditor_visual_diff_table_remove_col.png/540px-VisualEditor_visual_diff_table_remove_col.png" decoding="async" width="360" height="300" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/VisualEditor_visual_diff_table_remove_col.png/809px-VisualEditor_visual_diff_table_remove_col.png 1.5x, //upload.wikimedia.org/wikipedia/commons/0/0a/VisualEditor_visual_diff_table_remove_col.png 2x" data-file-width="904" data-file-height="754"/></a></span></div> <div class="gallerytext">Visual diff</div> </li> <li class="gallerybox" style="width: 359.33333333333px"> <div class="thumb" style="width: 357.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:VisualEditor_wikitext_diff_table_remove_col.png" class="mw-file-description" title="Wikitext diff"><img alt="Wikitext diff" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/dc/VisualEditor_wikitext_diff_table_remove_col.png/536px-VisualEditor_wikitext_diff_table_remove_col.png" decoding="async" width="358" height="300" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/dc/VisualEditor_wikitext_diff_table_remove_col.png/805px-VisualEditor_wikitext_diff_table_remove_col.png 1.5x, //upload.wikimedia.org/wikipedia/commons/d/dc/VisualEditor_wikitext_diff_table_remove_col.png 2x" data-file-width="907" data-file-height="761"/></a></span></div> <div class="gallerytext">Wikitext diff</div> </li> </ul> <ul class="gallery mw-gallery-packed"> <li class="gallerycaption">Text, formatting and list changes</li> <li class="gallerybox" style="width: 400px"> <div class="thumb" style="width: 398px;"><span typeof="mw:File"><a href="/wiki/File:VisualEditor_visual_diff_editing_text.png" class="mw-file-description" title="Visual diff"><img alt="Visual diff" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/12/VisualEditor_visual_diff_editing_text.png/597px-VisualEditor_visual_diff_editing_text.png" decoding="async" width="398" height="270" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/12/VisualEditor_visual_diff_editing_text.png/896px-VisualEditor_visual_diff_editing_text.png 1.5x, //upload.wikimedia.org/wikipedia/commons/1/12/VisualEditor_visual_diff_editing_text.png 2x" data-file-width="1163" data-file-height="789"/></a></span></div> <div class="gallerytext">Visual diff</div> </li> <li class="gallerybox" style="width: 400px"> <div class="thumb" style="width: 398px;"><span typeof="mw:File"><a href="/wiki/File:VisualEditor_wikitext_diff_editing_text.png" class="mw-file-description" title="Wikitext diff"><img alt="Wikitext diff" src="//upload.wikimedia.org/wikipedia/commons/thumb/a/ae/VisualEditor_wikitext_diff_editing_text.png/597px-VisualEditor_wikitext_diff_editing_text.png" decoding="async" width="398" height="270" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/ae/VisualEditor_wikitext_diff_editing_text.png/897px-VisualEditor_wikitext_diff_editing_text.png 1.5x, //upload.wikimedia.org/wikipedia/commons/a/ae/VisualEditor_wikitext_diff_editing_text.png 2x" data-file-width="1162" data-file-height="788"/></a></span></div> <div class="gallerytext">Wikitext diff</div> </li> </ul> <ul class="gallery mw-gallery-packed"> <li class="gallerycaption">Insert new multimedia (sheet music)</li> <li class="gallerybox" style="width: 361.33333333333px"> <div class="thumb" style="width: 359.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:VisualEditor_visual_diff_inserting_music.png" class="mw-file-description" title="Visual diff"><img alt="Visual diff" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/33/VisualEditor_visual_diff_inserting_music.png/539px-VisualEditor_visual_diff_inserting_music.png" decoding="async" width="360" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/33/VisualEditor_visual_diff_inserting_music.png/808px-VisualEditor_visual_diff_inserting_music.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/33/VisualEditor_visual_diff_inserting_music.png/1077px-VisualEditor_visual_diff_inserting_music.png 2x" data-file-width="1351" data-file-height="753"/></a></span></div> <div class="gallerytext">Visual diff</div> </li> <li class="gallerybox" style="width: 360px"> <div class="thumb" style="width: 358px;"><span typeof="mw:File"><a href="/wiki/File:VisualEditor_wikitext_diff_inserting_music.png" class="mw-file-description" title="Wikitext diff"><img alt="Wikitext diff" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2c/VisualEditor_wikitext_diff_inserting_music.png/537px-VisualEditor_wikitext_diff_inserting_music.png" decoding="async" width="358" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/2c/VisualEditor_wikitext_diff_inserting_music.png/806px-VisualEditor_wikitext_diff_inserting_music.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/2c/VisualEditor_wikitext_diff_inserting_music.png/1074px-VisualEditor_wikitext_diff_inserting_music.png 2x" data-file-width="1351" data-file-height="755"/></a></span></div> <div class="gallerytext">Wikitext diff</div> </li> </ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Technology_used" data-mw-thread-id="h-Technology_used"><span data-mw-comment-start="" id="h-Technology_used"></span>Technology used<span data-mw-comment-end="h-Technology_used"></span></h2></div> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><span><video id="mwe_player_0" poster="//upload.wikimedia.org/wikipedia/commons/thumb/8/8d/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm/220px-seek%3D695-Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm.jpg" controls="" preload="none" data-mw-tmh="" class="mw-file-element" width="220" height="124" data-durationhint="1765" data-mwtitle="Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm" data-mwprovider="wikimediacommons" resource="/wiki/File:Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm"><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/8d/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm.480p.vp9.webm#t=00:11:35" type="video/webm; codecs="vp9, opus"" data-transcodekey="480p.vp9.webm" data-width="854" data-height="480"/><source src="//upload.wikimedia.org/wikipedia/commons/8/8d/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm#t=00:11:35" type="video/webm; codecs="vp9, opus"" data-width="1920" data-height="1080"/><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/8d/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm.720p.vp9.webm#t=00:11:35" type="video/webm; codecs="vp9, opus"" data-transcodekey="720p.vp9.webm" data-width="1280" data-height="720"/><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/8d/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm.1080p.vp9.webm#t=00:11:35" type="video/webm; codecs="vp9, opus"" data-transcodekey="1080p.vp9.webm" data-width="1920" data-height="1080"/><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/8d/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm.240p.vp9.webm#t=00:11:35" type="video/webm; codecs="vp9, opus"" data-transcodekey="240p.vp9.webm" data-width="426" data-height="240"/><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/8d/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm.360p.vp9.webm#t=00:11:35" type="video/webm; codecs="vp9, opus"" data-transcodekey="360p.vp9.webm" data-width="640" data-height="360"/><source src="//upload.wikimedia.org/wikipedia/commons/transcoded/8/8d/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm/Wikimania_2017_-_Unifying_editing_and_visual_diffs.webm.360p.webm#t=00:11:35" type="video/webm; codecs="vp8, vorbis"" data-transcodekey="360p.webm" data-width="640" data-height="360"/><track src="https://commons.wikimedia.org/w/api.php?action=timedtext&title=File%3AWikimania_2017_-_Unifying_editing_and_visual_diffs.webm&lang=en&trackformat=vtt&origin=%2A" kind="subtitles" type="text/vtt" srclang="en" label="English ‪(en)‬" data-dir="ltr"/></video></span><figcaption>Thalia Chan, Unifying editing and visual diffs, Wikimania 2017</figcaption></figure> <ul><li><a rel="nofollow" class="external text" href="https://github.com/edg2s/google-diff-match-patch">Google Diff, Match and Patch</a><sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup></li> <li><a rel="nofollow" class="external text" href="https://github.com/Tchanders/treeDiffer.js">TreeDiffer.js</a><sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup></li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Current_limitations" data-mw-thread-id="h-Current_limitations"><span data-mw-comment-start="" id="h-Current_limitations"></span>Current limitations<span data-mw-comment-end="h-Current_limitations"></span></h2></div> <ul><li>No notices for changes to "invisible" <a href="/wiki/Special:MyLanguage/Help:Magic_words#Behavior_switches" title="Special:MyLanguage/Help:Magic words">page metadata</a><span style="display:none"><a href="/wiki/Help:Magic_words#Behavior_switches" title="Help:Magic words"> </a></span>, such as categories or TOC keywords.</li> <li>Has issues with complex changes to tables.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup></li> <li>Unavailable on certain special pages: <ul><li>Undo "diff" pages.<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup></li> <li>Edit conflict pages<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup></li></ul></li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="History" data-mw-thread-id="h-History"><span data-mw-comment-start="" id="h-History"></span>History<span data-mw-comment-end="h-History"></span></h2></div> <p>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). </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="See_also" data-mw-thread-id="h-See_also"><span data-mw-comment-start="" id="h-See_also"></span>See also<span data-mw-comment-end="h-See_also"></span></h2></div> <ul><li><a href="https://meta.wikimedia.org/wiki/2016_Community_Wishlist_Survey/Categories/Reading#CW2016-R094" class="extiw" title="m:2016 Community Wishlist Survey/Categories/Reading">2016 Community Wishlist Survey/Categories/Reading#CW2016-R094</a></li> <li><a href="https://meta.wikimedia.org/wiki/Community_Tech/Improved_diffs" class="extiw" title="m:Community Tech/Improved diffs">Community Tech/Improved diffs</a></li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Footnotes" data-mw-thread-id="h-Footnotes"><span data-mw-comment-start="" id="h-Footnotes"></span>Footnotes<span data-mw-comment-end="h-Footnotes"></span></h2></div> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><a href="https://phabricator.wikimedia.org/T149571" class="extiw" title="phab:T149571">T149571</a></span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><a href="https://phabricator.wikimedia.org/T149570" class="extiw" title="phab:T149570">T149570</a></span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><a href="https://phabricator.wikimedia.org/T158445" class="extiw" title="phab:T158445">T158445</a></span> </li> <li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><a href="https://phabricator.wikimedia.org/T78550" class="extiw" title="phab:T78550">T78550</a></span> </li> <li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text"><a href="https://phabricator.wikimedia.org/T153298" class="extiw" title="phab:T153298">T153298</a>, <a href="https://phabricator.wikimedia.org/T190649" class="extiw" title="phab:T190649">T190649</a></span> </li> </ol></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?useformat=desktop&type=1x1&usesul3=0" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://www.mediawiki.org/w/index.php?title=VisualEditor/Diffs&oldid=6875600">https://www.mediawiki.org/w/index.php?title=VisualEditor/Diffs&oldid=6875600</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Special:Categories" title="Special:Categories">Categories</a>: <ul><li><a href="/wiki/Category:VisualEditor" title="Category:VisualEditor">VisualEditor</a></li><li><a href="/wiki/Category:Visual_diffs" title="Category:Visual diffs">Visual diffs</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 30 November 2024, at 10:46.</li> <li id="footer-info-copyright">Text is available under the <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike License</a>; additional terms may apply. Text in <a class="external text" href="https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents">the Help: namespace</a> is available under the <a rel="nofollow" class="external text" href="https://creativecommons.org/publicdomain/zero/1.0/">Creative Commons CC0 License</a>. By using this site, you agree to the <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terms of Use</a> and <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy Policy</a>.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Project:About">About mediawiki.org</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Project:General_disclaimer">Disclaimers</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://www.mediawiki.org/wiki/Special:MyLanguage/Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/www.mediawiki.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//m.mediawiki.org/w/index.php?title=VisualEditor/Diffs&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/static/images/footer/wikimedia-button.svg" width="84" height="29"><img src="/static/images/footer/wikimedia.svg" width="25" height="25" alt="Wikimedia Foundation" lang="en" loading="lazy"></picture></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/w/resources/assets/poweredby_mediawiki.svg" width="88" height="31"><img src="/w/resources/assets/mediawiki_compact.svg" alt="Powered by MediaWiki" width="25" height="25" loading="lazy"></picture></a></li> </ul> </footer> </div> </div> </div> <div class="vector-header-container vector-sticky-header-container"> <div id="vector-sticky-header" class="vector-sticky-header"> <div class="vector-sticky-header-start"> <div class="vector-sticky-header-icon-start vector-button-flush-left vector-button-flush-right" aria-hidden="true"> <button class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-sticky-header-search-toggle" tabindex="-1" data-event-name="ui.vector-sticky-search-form.icon"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </button> </div> <div role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box"> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail"> <form action="/w/index.php" id="vector-sticky-search-form" class="cdx-search-input cdx-search-input--has-end-button"> <div class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search mediawiki.org"> <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <div class="vector-sticky-header-context-bar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-sticky-header-toc" class="vector-dropdown mw-portlet mw-portlet-sticky-header-toc vector-sticky-header-toc vector-button-flush-left" > <input type="checkbox" id="vector-sticky-header-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-sticky-header-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-sticky-header-toc-label" for="vector-sticky-header-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-sticky-header-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div class="vector-sticky-header-context-bar-primary" aria-hidden="true" ><span class="mw-page-title-main">VisualEditor/Diffs</span></div> </div> </div> <div class="vector-sticky-header-end" aria-hidden="true"> <div class="vector-sticky-header-icons"> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-talk-sticky-header" tabindex="-1" data-event-name="talk-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbles mw-ui-icon-wikimedia-speechBubbles"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-subject-sticky-header" tabindex="-1" data-event-name="subject-sticky-header"><span class="vector-icon mw-ui-icon-article mw-ui-icon-wikimedia-article"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-history-sticky-header" tabindex="-1" data-event-name="history-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-history mw-ui-icon-wikimedia-wikimedia-history"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only mw-watchlink" id="ca-watchstar-sticky-header" tabindex="-1" data-event-name="watch-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-star mw-ui-icon-wikimedia-wikimedia-star"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-edit-sticky-header" tabindex="-1" data-event-name="wikitext-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-wikiText mw-ui-icon-wikimedia-wikimedia-wikiText"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-ve-edit-sticky-header" tabindex="-1" data-event-name="ve-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-edit mw-ui-icon-wikimedia-wikimedia-edit"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-viewsource-sticky-header" tabindex="-1" data-event-name="ve-edit-protected-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-editLock mw-ui-icon-wikimedia-wikimedia-editLock"></span> <span></span> </a> </div> <div class="vector-sticky-header-buttons"> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive" id="ca-addsection-sticky-header" tabindex="-1" data-event-name="addsection-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbleAdd-progressive mw-ui-icon-wikimedia-speechBubbleAdd-progressive"></span> <span>Add topic</span> </a> </div> <div class="vector-sticky-header-icon-end"> <div class="vector-user-links"> </div> </div> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-698c79758b-fbwcb","wgBackendResponseTime":120,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-On_regular_diff_pages","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-How_it_works","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Examples","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Technology_used","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Current_limitations","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-History","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-See_also","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Footnotes","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.011"},"limitreport":{"cputime":"0.231","walltime":"0.536","ppvisitednodes":{"value":461,"limit":1000000},"postexpandincludesize":{"value":1230,"limit":2097152},"templateargumentsize":{"value":547,"limit":2097152},"expansiondepth":{"value":13,"limit":100},"expensivefunctioncount":{"value":6,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":16017,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 286.094 1 -total"," 15.34% 43.879 3 Template:Ll"," 7.93% 22.688 6 Template:Translatable"," 5.93% 16.975 4 Template:Pagelang"," 2.59% 7.419 1 Template:TNTN"," 1.88% 5.370 1 Translations:Visual_diffs/Page_display_title/en"," 1.40% 3.995 1 Template:Int"," 1.15% 3.281 1 Template:Dir"," 1.01% 2.900 3 Template:Clr"]},"scribunto":{"limitreport-timeusage":{"value":"0.008","limit":"10.000"},"limitreport-memusage":{"value":1027368,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-5f8d4f99d5-xn5cw","timestamp":"20250219230612","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>