mediawiki-extensions-CodeEd.../modules/ext.codeEditor.js

49 lines
2.2 KiB
JavaScript
Raw Normal View History

/**
* MediaWiki:Gadget-codeeditor.js
* (c) 2011 Brion Vibber <brion @ pobox.com>
* GPLv2 or later
*
* Syntax highlighting, auto-indenting code editor widget for on-wiki JS and CSS pages.
* Uses embedded Ajax.org Cloud9 Editor: http://ace.ajax.org/
*
* Browsers tested:
* - Firefox 4.0 / Linux
* - Chrome 10.0.648.204 / Linux
*
* Browsers tested with issues:
* - Opera 11.10 / Linux: copy fails, paste sometimes crashes
* - IE 8.0.6001.18702 / Win XP: some newlines mysteriously removed, corrupting data;
* insertion point keeps resetting back to the top of the page after a click (arrow keys ok)
* - Safari / iPad 4.3 (8F190): renders ok, but can't set focus or scroll vertically. No focus means no typing. :(
* There is some work in progress that needs merging upstream...
* https://github.com/ajaxorg/ace/issues/37
*
* Known issues:
* - extension version doesn't have optional bits correct
* - ties into WikiEditor, so doesn't work on classic toolbar
* - background worker for JS syntax check doesn't load in non-debug mode (probably also fails if extension assets are offsite)
* - copy/paste not available from context menu (Firefox, Chrome on Linux -- kbd & main menu commands ok)
* - accessibility: tab/shift-tab are overridden. is there a consistent alternative for keyboard-reliant users?
* - accessibility: accesskey on the original textarea needs to be moved over or otherwise handled
* - 'discard your changes?' check on tab close doesn't trigger
* - scrollbar initializes too wide; need to trigger resize check after that's filled
* - cursor/scroll position not maintained over previews/show changes
*
* Reported upstream:
* - ctrl+R, ctrl+L, ctrl+T are taken over by the editor, which is SUPER annoying
* https://github.com/ajaxorg/ace/issues/210
*/
/*
* JavaScript for WikiEditor Table of Contents
*/
$( document ).ready( function() {
// Add code editor module
$( '#wpTextbox1' ).wikiEditor( 'addModule', 'codeEditor' );
} );
$( window ).load( function() {
// If there is a fragment giving a line number, scroll to the relevant location
// Wait for the load event since it doesn't scroll properly on ready
$( '#wpTextbox1' ).data('wikiEditor-context').fn.codeEditorMonitorFragment();
} );