Extension:CodeEditor

Not to be confused with CodeMirror .

The CodeEditor extension extends the WikiEditor advanced editing toolbar with an embedded Ace editor widget, providing some handy features for user/site JavaScript pages, CSS pages, JSON pages, and when extension Scribunto is also installed, for Lua pages, i.e. pages in the Module namespace. The code editor does not show on regular wiki pages, i.e. wiki pages with the "wikitext" content model. (See Extension:CodeMirror for syntax highlighting of wikitext when using the source editor.)

It provides the following features:

• syntax highlighting for JavaScript, CSS and Lua
• auto-indent
• tab key produces tab indents (since 1.22), soft indents before.
• indent/unindent selection with Tab ↹/⇧ Shift+Tab ↹ keys
• syntax validity check for JavaScript
• Pair-matching for parenthesis, braces and square brackets

• Download and move the extracted CodeEditor folder to your extensions/ directory.
  Developers and code contributors should install the extension from Git instead, using:

  cdextensions/
  gitclonehttps://gerrit.wikimedia.org/r/mediawiki/extensions/CodeEditor
  

• Add the following code at the bottom of your LocalSettings.php file:

  wfLoadExtension( 'CodeEditor' );
  $wgDefaultUserOptions['usebetatoolbar'] = 1; // user option provided by WikiEditor extension
  

• Configure as required.
• Yes Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.

Vagrant installation:

• If using Vagrant , install with vagrant roles enable codeeditor --provision

$wgCodeEditorEnableCore

To disable the editor on JavaScript and CSS pages in the MediaWiki, User and other core namespaces, set $wgCodeEditorEnableCore = false; (default is "true")

$wgCodeEditorContentModels

Temporary feature flag to control conflicts with Extension:CodeMirror .

$wgScribuntoUseCodeEditor

To disable this extension for Scribunto, i.e. in the module namespace set $wgScribuntoUseCodeEditor = false; (default is "true")

It is possible to change the configuration of the ACE editor, by hooking into the MediaWiki JS hook (i.e. mw.hook( 'codeEditor.configure' ).add( ... )). The argument passed to your hook will be an ACE EditSession object.

If you need to interact with the contents of a CodeEditor instance, use module-jquery.textSelection.$.fn.textSelection() .

While this extension is licensed GNU General Public License v2.0 or later (GPL-2.0+) it makes use of the Ace editor software which is licensed BSD 3-clause "New" or "Revised" License (BSD-3-Clause).

• Category:CodeEditorGetPageLanguage extensions – extensions that make use of CodeEditor through the CodeEditorGetPageLanguage hook.
• en:User:Nardog/CodeEditorAssist – a user script to save user preferences across page loads

• Stable extensions
• Extensions with invalid or missing type
• Extensions with unknown license
• Extensions in Wikimedia version control
• EditPage::showEditForm:initial extensions
• EditPage::showReadOnlyForm:initial extensions
• GetPreferences extensions
• All extensions
• Extensions bundled with MediaWiki 1.31
• Extensions used on Wikimedia
• Extensions included in BlueSpice
• Extensions included in Canasta
• Extensions available as Debian packages
• Extensions included in Fandom
• Extensions included in Miraheze
• Extensions included in MyWikis
• Extensions included in ProWiki
• Extensions included in semantic::core
• Extensions included in Telepedia
• Extensions included in wiki.gg
• Extensions included in WikiForge
• Syntax highlighting extensions
• Scribunto extensions
• Edit extensions

• Extensions with release branches compatibility policy