Jump to navigation Jump to search

About this board

Previous discussion was archived at Talk:VisualEditor/Archive 1 on 2015-09-01.

I should be able to name references

Psiĥedelisto (talkcontribs)

I love the VE, I use it all the time. I've written extremely complicated, long articles with it, including en:2channel, en:Bureau of Immigration Bicutan Detention Center, en:West Coast Customs, and so on. I hate switching to source editing. This might seem bizarre given I work as a computer programmer, but it is what it is. I would like to be able to give my references more descriptive names than :1, :0, et cetera, as sometimes I unfortunately need to switch to source editing and stick a ref in a template or something. Is this planned?

Reply to "I should be able to name references"

50 million edits in the visual editor on Wikipedia

Whatamidoing (WMF) (talkcontribs)

Whatamidoing (WMF) (talkcontribs)
BoldLuis (talkcontribs)
Reply to "50 million edits in the visual editor on Wikipedia"
BoldLuis (talkcontribs)

In VisualEditor would exist the option: Insert > New Section, if you go to the end of the section, bellow which you want to put the new one. --

Another way is using a floating element and put it in the place where the new section is going to be. Or simply, click in a button "New section" and click in the place of the text where the new section is going to be (then would appear a floating bar with the text. "Is it in the correct place?. [Yes] / [No]" (in any case, writting a text in the place would disappear this floating bar / message).

BoldLuis (talk) 13:48, 1 May 2020 (UTC)

Reply to "New section"

Suggestion to put signature command on toolbar

Omda4wady (talkcontribs)

I suggest we change location of "signature command" from drop menu to be as a button on VE main toolbar

Whatamidoing (WMF) (talkcontribs)

Their theory in the past has been that wherever you find a tool in the visual editor, it's always in the same place.

You might be interested in the upcoming Talk pages project/replying tool. It auto-signs replies.

Reply to "Suggestion to put signature command on toolbar"

Conflicting keyboard shortcuts

Summary by Whatamidoing (WMF)
AhmadF.Cheema (talkcontribs)

The keyboard shortcut for editing a page through the VisualEditor is Alt+ Shift+V. The same key combination happens to be used for the Show changes button in WikiEditor. Therefore, while in source editing mode, pressing this shortcut causes the switch to Visual editing instead of showing changes in Source editing.

This couldn't have been by design, could it?

Whatamidoing (WMF) (talkcontribs)

I can't reproduce this on my Mac in Safari (the equivalent keyboard shortcut does nothing). Can you tell me your web browser and computer operating system? Also, does it matter whether the cursor is inside the editing box (rather than outside of it, e.g., in the search box)?

AhmadF.Cheema (talkcontribs)

Windows10 1903, Chrome v79.0.3945.130 (64-bit). Placement of cursor makes no difference, checked at all locations (header, footer, sidebar, preview area etc.).

On Firefox v72.0.1 - there, the keyboard shortcut toggles focus between the two Show changes and Visual editing buttons, probably the same as Safari.

On Microsoft Edge - Usually the Visual editing button is given preference, unless the cursor is specifically on the two: "Pages transcluded onto the current version..." and "This page is a member of ... hidden category..." lines, then the Show changes button is activated.

On Chromium-based Edge beta v80.0.361.33 - the same thing happens as in Chrome.

Reply to "Conflicting keyboard shortcuts"

Force Line Breaks in VE

Summary by Whatamidoing (WMF)
Konjurer (talkcontribs)

Is there a way to force line breaks in the VE? The editor does not place any space after a bulleted list and it does not look very good.

ESanders (WMF) (talkcontribs)

No, empty linebreaks will be removed by Parsoid no matter where they are in the document. Line spacing should be the responsibility of the skin's CSS, not the user.

Whatamidoing (WMF) (talkcontribs)

Parsoid is no longer removing line breaks.

Reply to "Force Line Breaks in VE"
BrandonXLF (talkcontribs)

Is there a way to get the current wikitext being shown in the editor using JavaScript?

Whatamidoing (WMF) (talkcontribs)

Why do you want to do that? I'm pretty sure that there's a much easier way to accomplish your goal.

BrandonXLF (talkcontribs)

For a user script that will run some regex replacements on the code in the editor.

ESanders (WMF) (talkcontribs)

I assume you are talking about 2017WTE, in which case the surface is in fact compatible with the textSelection API, so

$( '#wpTextbox1' ).textSelection( 'getContents' )

would work. You can use the same API to replace the contents with setContents.

Note this isn't the most efficient API as the whole document will be replaced. If you want to do more targeted replacements you can use the document's findText method. Here's an example script that fixes date formats:

var target =,
	surface = target.surface.model,
	// non-global regex for returning matches
	pattern = new RegExp( '([0-9]{1,2})/([0-9]{1,2})(?:/([0-9]{1,4}))?' );

target.initialEditSummary = 'Fix date formats.';

surface.documentModel.findText( new RegExp( pattern.source, 'g' ), { noOverlaps: true } ).map( function ( range ) {
	// Build all fragments before modifying
	return surface.getLinearFragment( range );
} ).forEach( function ( fragment ) {
	var matches = fragment.getText().match( pattern ),
		year = matches[ 3 ] ? +matches[ 3 ] : new Date().getFullYear();
	if ( year < 100 ) {
		year += 2000;
	// Sanity check that numbers are in range. Avoids matching things like 24/7.
	if ( +matches[ 1 ] > 12 || +matches[ 2 ] > 31 ) {
	fragment.insertContent( year + '-' + matches[ 1 ].padStart( 2, '0' ) + '-' + matches[ 2 ].padStart( 2, '0' ), true );
} );
Whatamidoing (WMF) (talkcontribs)

Is this complicated enough that you really need to use a script? VisualEditor (visual and wikitext modes) has a built-in find/replace module that handles regex.

BrandonXLF (talkcontribs)

I'm sure there's a better way to do it, but with the regex I'm using, I have to split the text into arrays and run several different regex rules on the text.

Reply to "Get wikitext using JavaScript"

Real-time collaboration progress?

MavropaliasG (talkcontribs)

This page says that real-time collaboration is a feature that is worked upon 'right now' for visual editor. My question is, has work started on real-time collaboration (e.g. google docs style) at all? If yes when will be able to see a first experimental version? In months or years?

At least for the standalone visual-editor, not the one in wikipedia

I have actually found this video which shows this feature implemented through togetherJS.


ESanders (WMF) (talkcontribs)

Hi, the page you found is from early 2017. Since then we have done a lot of the backend work to make real-time collaboration possible, and we even have some experimental code that MW users can install, see VisualEditor/Real-time collaboration. Unfortunately this feature is not in the team's priorities for the next year, so we can't make any commitments on when it might be ready, however if you watch the Real-time collaboration page, any updates will be posted there.

MavropaliasG (talkcontribs)

@ESanders (WMF) I did some reading on this task, and I saw you gave some presentations in 2017 and 2018, whose slides I read. You have some great questions inside, also outlined in this abstract. I am very curious if there are any good answers to those questions or not. Unfortunately the notetaker for the 2018 session did not provide any points from the discussion, Would it be possible, whenever you have time, to either put those questions on the task page, or to a page so that proposals to those problems are collaboratively solved? Thank you

ESanders (WMF) (talkcontribs)

Those panels will have been run by @Cscott though I doubt he has the old missing notes.

MavropaliasG (talkcontribs)

Thank you for replying. Is there a page that those questions are available for people to brainstorm on? I feel like having those up on a page (adjunct to the real-time collaboration page?) would allow people to find a solution, much more effectively than a 15-min hurried discussion in a conference. So please, if possible, add those questions somewhere prominent.

Moreover, another way to answering those questions, would be to just fix the bugs for the real time collaboration functionality (at least in the future) and allow third-party installations of mediawiki to use them and through trial and error find the best way (through their feedback) for this to work.

MavropaliasG (talkcontribs)

Thank you so much

Reply to "Real-time collaboration progress?"
Waanders (talkcontribs)

I note that a cookie is being set by the Visual Editor. Name is "VEE", value is "visualeditor". Why is this? I ask this in connection with the GDPR.

Regards, Jethro

Ammarpad (talkcontribs)

The cookie is set to remember the last editor you used, so as to not give you different editor and annoy you.

VE doesn't load on custom skin

Marlonke (talkcontribs)

I've followed the instructions as posted on VisualEditor/Skin requirement both the current version and the ones in the history tab. After adding the three div's with their IDs to my skin, the problem persists; nothing happens when I either call the page with the ?veaction=edit parameter, or when I create a button doing essentially the same. The only clue I have is the class 've-not-available' being added to the page after it's loaded.

The VisualEditor works fine on the stock skins I have: Vector and Chameleon.

I'm using the following versions:

VisualEditor 0.1.0 (9da5996) 16 aug 2016 15:40

MediaWiki 1.27.1 (a52d35d)

My HTML structure looks as followed (note the added mw-content-text and content divs)

<div class="grid-x  grid-margin-x">

               <div id="content">

                   <div class="cell">

                       <div  class="contentbody" >

                           <div id="mw-content-text">


                           if( !$this->atHome) {

                               // do not display the HTML tag if the header is empty

                                   if ( $this->skinData->data['title'] != '' ) {

                                       echo '<h1 id="emmskin-pageheader" class="page-title">';

                                       $this->skinData->html( 'title' );

                                       echo '</h1>';



                               //output the post-processed bodytext

                               echo $this->bodyTextHTML;







I've tried the following:

- Followed the instructions from the history pages of the Skin Requirements page, in which different names are used for the required divs

- Looking in the support section for someone with a similar problem

- Using the Vector/Chameleon skin HTML structure as inspiration, and trying to make everything in my skin look as close as possible.

I'm guessing this issue has something to do with either faulty configuration, or something lacking in my skin. I've found no clear way of debugging this so everything else I tried is largely trial-and-error to no avail.

Marlonke (talkcontribs)

It was indeed faulty configuration. Through debugging (breaklining some of the VE scripts) I managed to find out that the custom skin wasn't seen by VE as a 'supported skin'. I remedied this by adding '$wgVisualEditorSupportedSkins ['mySkin'];' to LocalSettings.php

2605:8D80:6A0:B9C:F14D:6ACA:754A:68CB (talkcontribs)

Also versions match between VisualEditor release and MediaWiki is very crucial. It would be nicer if more error messages would be displayed in case of failure to load.

Reply to "VE doesn't load on custom skin"