Wikipedia:VisualEditor/Customization

. -

Relabeling edit tabs and edit section links

Add the following code to your common.js :

// credits : Evad37, Cenarium
$( '#ca-edit a' ).text( 'SourceEdit' );
$( '#ca-ve-edit a' ).text( 'VisualEdit' );
$( '.mw-editsection a' ).text( 'SourceEditSection' );
$( '.mw-editsection-visualeditor' ).text( 'VisualEditSection' ); // keep this line after the previous line

Changing background color to indicate that one is in edit mode in VE

Add the following code to your common.css :

// credits : Evad37
.ve-ce-surface { background: #F5FFFF; }

The specific color can be changed as desired - just change "#F5FFFF", for example "#E6FFFF" gives a stronger blue, see Help:Using colours.

Hiding VisualEditor's section links

Add the following code to your common.css :

// credits : Evad37
.mw-editsection-divider,
.mw-editsection-visualeditor { display:none; }
.mw-editsection-bracket { margin: 0px ; }

Hiding help in toolbar

Add the following code to your common.css :

// credits : Cenarium
.oo-ui-toolbar-tools div:nth-child(1) { display: none }

Hiding copyright license warning and edit summary help in confirmation window

Add the following code to your common.css :

// credits : Cenarium
.ve-ui-mwSaveDialog-summaryLabel,
.ve-ui-mwSaveDialog-license { display: none }

See also

• mw:VisualEditor gadgets - details about the underlying programming