Jump to content

User:Danski454/codeEditWindowSize.js

From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by Danski454 (talk | contribs) at 20:50, 22 August 2019 (made resizing happen when code editor activated). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
window.codeEditorHeight = window.codeEditorHeight || 700;
$(function(){
	var done = false;
	function resize(){
		if ($(".codeEditor-ui-toolbar").length) {//do we have a code editor?
			$(".wikiEditor-ui-text div").first().css("height", 
				window.codeEditorHeight.toString() + "px");
			//resizing the edit window causes part of the edit window to appear empty
			//calling the resize event fixes this.
			window.dispatchEvent(new Event("resize"));
		}
	}
	
	if ((mw.config.get("wgAction") === "edit" || 
		mw.config.get("wgAction") === "submit") //are we in edit mode
		&& ["javascript", "css", "Scribunto"].indexOf(mw.config.get("wgPageContentModel")) !== -1) {//and on a code page?
		$(".tool[rel='codeEditor'] a").first().click(resize);
		resize();
	}
});