Difference between revisions of "MediaWiki:Edittools"
Jump to navigation
Jump to search
(New page: <!-- Text here will be shown below edit and upload forms. --> <!-- Please don't translate this page with sub pages (it will render support of that menu for your language very likely unmain...) |
(new version used on wp) |
||
| Line 1: | Line 1: | ||
<!-- Text here will be shown below edit and upload forms. --> | <!-- Text here will be shown below edit and upload forms. --> | ||
| − | + | // copied from [[mw:User:Alex Smotrov/edittools.js]], modified for use on the English Wikipedia. | |
| − | + | // enableForAllFields() feature from [[commons:MediaWiki:Edittools.js]] | |
| − | + | // combined and modified by [[User:Ilmari Karonen]] | |
| − | + | // after making changes to this page and testing them, update the number after "edittools-version-" in [[MediaWiki:Edittools]] to purge the cache for everyone | |
| − | + | // <source lang="javascript"> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | if (typeof (EditTools_set_focus) == 'undefined') | |
| − | + | var EditTools_set_focus = true; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | if (typeof (EditTools_set_focus_initially) == 'undefined') | |
| − | + | var EditTools_set_focus_initially = EditTools_set_focus; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | < | + | var EditTools = |
| − | + | { | |
| − | + | charinsert : { | |
| − | + | ||
| + | 'Wiki markup': '{\{+}} {\{\{+}}} | [+] [\[+]] [\[Category:+]] #REDIRECT.[\[+]] <s>+</s> <sup>+</sup> <sub>+</sub> <code>+</code> <blockquote>+</blockquote> <ref>+</ref> {\{Reflist}} <references/> <includeonly>+</includeonly> <noinclude>+</noinclude> {\{DEFAULTSORT:+}} <nowiki>+</nowiki> <!--.+_--> <span.class="plainlinks">+</span>', | ||
| + | |||
| + | |||
| + | 'Greek': '?????????????? ???????? ???????? ???????? ???????? ????????? ???????? ???????????????????????????????????????? ?????????????? ???????????????????????????????????????? ??????????????????? ?????????????? ??? ??????????????? ???????????????????????????????????????? {\{Polytonic|+}}', | ||
| + | 'Cyrillic': '???????? ???????? ???????? ???????? ???????? ???????? ???????? ???????? ???????? ???????? ???????? ?????? ???????? ???????? ???????? ???????? ???????? ???????? ????? ???????? ???????? ???????? ???????? ????????', | ||
| + | 'Hebrew': '??????????????????????????? ? ? ???', | ||
| + | 'Arabic': '? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?', | ||
| + | 'IPA': 'p | ||
| + | }, | ||
| − | + | charinsertDivider : "\240", | |
| − | |||
| − | |||
| − | |||
| − | + | extraCSS : '\ | |
| − | + | #editpage-specialchars {\ | |
| − | + | margin-top: 15px;\ | |
| − | + | border-width: 1px;\ | |
| − | + | border-style: solid;\ | |
| − | + | border-color: #aaaaaa;\ | |
| − | + | padding: 2px;\ | |
| − | + | }\ | |
| − | + | #editpage-specialchars a {\ | |
| − | + | }\ | |
| − | + | #editpage-specialchars a:hover {\ | |
| − | + | }\ | |
| − | + | ', | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | appendExtraCSS : function () | |
| − | + | { | |
| − | + | appendCSS(EditTools.extraCSS); | |
| − | + | }, | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | cookieName : 'edittoolscharsubset', | |
| − | |||
| − | |||
| − | + | createEditTools : function (placeholder) | |
| − | + | { | |
| − | + | var box = document.createElement("div"); | |
| + | box.id = "editpage-specialchars"; | ||
| + | box.title = 'Click on the character or tag to insert it into the edit window'; | ||
| + | |||
| + | //append user-defined sets | ||
| + | if (window.charinsertCustom) | ||
| + | for (id in charinsertCustom) | ||
| + | if (EditTools.charinsert[id]) EditTools.charinsert[id] += ' ' + charinsertCustom[id]; | ||
| + | else EditTools.charinsert[id] = charinsertCustom[id]; | ||
| − | + | //create drop-down select | |
| − | + | var prevSubset = 0, curSubset = 0; | |
| − | + | var sel = document.createElement('select'), id; | |
| + | for (id in EditTools.charinsert) | ||
| + | sel.options[sel.options.length] = new Option(id, id); | ||
| + | sel.selectedIndex = 0; | ||
| + | sel.style.cssFloat = sel.style.styleFloat = 'left'; | ||
| + | sel.style.marginRight = '5px'; | ||
| + | sel.title = 'Choose character subset'; | ||
| + | sel.onchange = sel.onkeyup = selectSubset; | ||
| + | box.appendChild(sel); | ||
| − | + | //create "recall" switch | |
| − | + | if (window.editToolsRecall) { | |
| − | + | var recall = document.createElement('span'); | |
| + | recall.appendChild(document.createTextNode('?')); // ? | ||
| + | recall.onclick = function () { | ||
| + | sel.selectedIndex = prevSubset; | ||
| + | selectSubset(); | ||
| + | } | ||
| + | with (recall.style) { cssFloat = styleFloat = 'left'; marginRight = '5px'; cursor = 'pointer'; } | ||
| + | box.appendChild(recall); | ||
| + | } | ||
| − | + | // load latest selection from cookies | |
| − | + | try { | |
| − | + | var cookieRe = new RegExp ("(?:^|;)\\s*" + EditTools.cookieName + "=(\\d+)\\s*(?:;|$)"); | |
| + | var m = cookieRe.exec(document.cookie); | ||
| + | if (m && m.length > 1 && parseInt(m[1]) < sel.options.length) | ||
| + | sel.selectedIndex = parseInt(m[1]); | ||
| + | } catch (err) { /* ignore */ } | ||
| − | + | placeholder.parentNode.replaceChild(box, placeholder); | |
| − | + | selectSubset(); | |
| − | + | return; | |
| − | <p | + | function selectSubset () |
| − | < | + | { |
| − | </ | + | //remember previous (for "recall" button) |
| + | prevSubset = curSubset; | ||
| + | curSubset = sel.selectedIndex; | ||
| + | //save into cookies for persistence | ||
| + | try { | ||
| + | var expires = new Date (); | ||
| + | expires.setTime( expires.getTime() + 30 * 24 * 60 * 60 * 1000 ); // + 30 days | ||
| + | document.cookie = EditTools.cookieName + "=" + curSubset + ";path=/;expires=" + expires.toUTCString(); | ||
| + | } catch (err) { /* ignore */ } | ||
| + | //hide other subsets | ||
| + | var pp = box.getElementsByTagName('p') ; | ||
| + | for (var i=0; i<pp.length; i++) | ||
| + | pp[i].style.display = 'none'; | ||
| + | //show/create current subset | ||
| + | var id = sel.options[curSubset].value; | ||
| + | var p = document.getElementById(id); | ||
| + | if (!p){ | ||
| + | p = document.createElement('p'); | ||
| + | p.id = id; | ||
| + | if (id == 'Arabic' || id == 'Hebrew'){ p.style.fontSize = '120%'; p.dir = 'rtl'; } | ||
| + | EditTools.createTokens(p, EditTools.charinsert[id]); | ||
| + | box.appendChild(p); | ||
| + | } | ||
| + | p.style.display = 'inline'; | ||
| + | } | ||
| + | }, | ||
| + | createTokens : function (paragraph, str) | ||
| + | { | ||
| + | var tokens = str.split(' '), token, i, n; | ||
| + | for (i = 0; i < tokens.length; i++) { | ||
| + | token = tokens[i]; | ||
| + | n = token.indexOf('+'); | ||
| + | if (token == '' || token == '_') | ||
| + | addText(EditTools.charinsertDivider + ' '); | ||
| + | else if (token == '\n') | ||
| + | paragraph.appendChild(document.createElement('br')); | ||
| + | else if (token == '___') | ||
| + | paragraph.appendChild(document.createElement('hr')); | ||
| + | else if (token.charAt(token.length-1) == ':') // : at the end means just text | ||
| + | addBold(token); | ||
| + | else if (n == 0) // +<tag> -> <tag>+</tag> | ||
| + | addLink(token.substring(1), '</' + token.substring(2), token.substring(1)); | ||
| + | else if (n > 0) // <tag>+</tag> | ||
| + | addLink(token.substring(0,n), token.substring(n+1)); | ||
| + | else if (token.length > 2 && token.charCodeAt(0) > 127) //a string of insertable characters | ||
| + | for (var j=0; j < token.length; j++) addLink(token.charAt(j), ''); | ||
| + | else | ||
| + | addLink(token, ''); | ||
| + | } | ||
| + | return; | ||
| − | + | function addLink (tagOpen, tagClose, name) | |
| − | < | + | { |
| − | + | var a = document.createElement('a'); | |
| + | tagOpen = tagOpen.replace(/\./g,' '); | ||
| + | tagClose = tagClose ? tagClose.replace(/_/g,' ') : ''; | ||
| + | name = name || tagOpen + tagClose; | ||
| + | name = name.replace(/\\n/g,''); | ||
| + | a.appendChild(document.createTextNode(name)); | ||
| + | a.href = "javascript:insertTags('" + tagOpen + "','" + tagClose + "','')"; | ||
| + | paragraph.appendChild(a); | ||
| + | addText(' '); | ||
| + | } | ||
| + | function addBold (text) | ||
| + | { | ||
| + | var b = document.createElement('b'); | ||
| + | b.appendChild(document.createTextNode(text.replace(/_/g,' '))); | ||
| + | paragraph.appendChild(b); | ||
| + | addText(' '); | ||
| + | } | ||
| + | function addText (txt) | ||
| + | { | ||
| + | paragraph.appendChild(document.createTextNode(txt)); | ||
| + | } | ||
| + | }, | ||
| + | |||
| + | |||
| + | enableForAllFields : function () | ||
| + | { | ||
| + | if (typeof (insertTags) != 'function' || window.WikEdInsertTags) return; | ||
| + | // insertTags from the site-wide /skins-1.5/common/edit.js just inserts in the first | ||
| + | // textarea in the document. Evidently, that's not good if we have multiple textareas. | ||
| + | // My first idea was to simply add a hidden textarea as the first one, and redefine | ||
| + | // insertTags such that it copied first the last active textareas contents over to that hidden | ||
| + | // field, set the cursor or selection there, let the standard insertTags do its thing, and | ||
| + | // then copy the hidden field's text, cursor position and selection back to the currently | ||
| + | // active field. Unfortunately, that is just as complex as simply copying the whole code | ||
| + | // from wikibits to here and let it work on the right text field in the first place. | ||
| + | var texts = document.getElementsByTagName ('textarea'); | ||
| + | for (var i = 0; i < texts.length; i++) { | ||
| + | addHandler (texts[i], 'focus', EditTools.registerTextField); | ||
| + | } | ||
| + | // While we're at it, also enable it for input fields | ||
| + | texts = document.getElementsByTagName ('input'); | ||
| + | for (var i = 0; i < texts.length; i++) { | ||
| + | if (texts[i].type == 'text') addHandler (texts[i], 'focus', EditTools.registerTextField); | ||
| + | } | ||
| + | insertTags = EditTools.insertTags; // Redefine the global insertTags | ||
| + | }, | ||
| + | |||
| + | last_active_textfield : null, | ||
| + | |||
| + | registerTextField : function (evt) | ||
| + | { | ||
| + | var e = evt || window.event; | ||
| + | var node = e.target || e.srcElement; | ||
| + | if (!node) return; | ||
| + | EditTools.last_active_textfield = node.id; | ||
| + | return true; | ||
| + | }, | ||
| + | |||
| + | getTextArea : function () | ||
| + | { | ||
| + | var txtarea = null; | ||
| + | if (EditTools.last_active_textfield && EditTools.last_active_textfield != "") | ||
| + | txtarea = document.getElementById (EditTools.last_active_textfield); | ||
| + | if (!txtarea) { | ||
| + | // Fallback option: old behaviour | ||
| + | if (document.editform) { | ||
| + | txtarea = document.editform.wpTextbox1; | ||
| + | } else { | ||
| + | // Some alternate form? Take the first one we can find | ||
| + | txtarea = document.getElementsByTagName ('textarea'); | ||
| + | if (txtarea.length > 0) txtarea = txtarea[0]; else txtarea = null; | ||
| + | } | ||
| + | } | ||
| + | return txtarea; | ||
| + | }, | ||
| + | |||
| + | insertTags : function (tagOpen, tagClose, sampleText) | ||
| + | { | ||
| + | var txtarea = EditTools.getTextArea (); | ||
| + | if (!txtarea) return; | ||
| + | var selText, isSample = false; | ||
| − | + | function checkSelectedText () | |
| − | + | { | |
| − | + | if (!selText) { | |
| + | selText = sampleText; isSample = true; | ||
| + | } else if (selText.charAt (selText.length - 1) == ' ') { // Exclude ending space char | ||
| + | selText = selText.substring (0, selText.length - 1); | ||
| + | tagClose += ' '; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | if (document.selection && document.selection.createRange) { // IE/Opera | ||
| + | // Save window scroll position | ||
| + | var winScroll = 0; | ||
| + | if (document.documentElement && document.documentElement.scrollTop) | ||
| + | winScroll = document.documentElement.scrollTop; | ||
| + | else if (document.body) | ||
| + | winScroll = document.body.scrollTop; | ||
| + | // Get current selection | ||
| + | txtarea.focus(); | ||
| + | var range = document.selection.createRange(); | ||
| + | selText = range.text; | ||
| + | // Insert tags | ||
| + | checkSelectedText (); | ||
| + | range.text = tagOpen + selText + tagClose; | ||
| + | // Mark sample text as selected | ||
| + | if (isSample && range.moveStart) { | ||
| + | if (window.opera) tagClose = tagClose.replace (/\n/g, ""); | ||
| + | range.moveStart( 'character', - tagClose.length - selText.length); | ||
| + | range.moveEnd ('character', - tagClose.length); | ||
| + | } | ||
| + | range.select (); | ||
| + | // Restore window scroll position | ||
| + | if (document.documentElement && document.documentElement.scrollTop) | ||
| + | document.documentElement.scrollTop = winScroll; | ||
| + | else if (document.body) | ||
| + | document.body.scrollTop = winScroll; | ||
| + | } else if (txtarea.selectionStart || txtarea.selectionStart == '0') { // Mozilla | ||
| + | // Save textarea scroll position | ||
| + | var textScroll = txtarea.scrollTop; | ||
| + | // Get current selection | ||
| + | txtarea.focus(); | ||
| + | var startPos = txtarea.selectionStart; | ||
| + | var endPos = txtarea.selectionEnd; | ||
| + | selText = txtarea.value.substring (startPos, endPos); | ||
| + | // Insert tags | ||
| + | checkSelectedText (); | ||
| + | txtarea.value = txtarea.value.substring (0, startPos) | ||
| + | + tagOpen + selText + tagClose | ||
| + | + txtarea.value.substring (endPos); | ||
| + | // Set new selection | ||
| + | if (isSample) { | ||
| + | txtarea.selectionStart = startPos + tagOpen.length; | ||
| + | txtarea.selectionEnd = startPos + tagOpen.length + selText.length; | ||
| + | } else { | ||
| + | txtarea.selectionStart = startPos + tagOpen.length + selText.length + tagClose.length; | ||
| + | txtarea.selectionEnd = txtarea.selectionStart; | ||
| + | } | ||
| + | // Restore textarea scroll position | ||
| + | txtarea.scrollTop = textScroll; | ||
| + | } | ||
| + | }, // end insertTags | ||
| + | |||
| + | setup : function () | ||
| + | { | ||
| + | var placeholder = document.getElementById("editpage-specialchars"); | ||
| + | if (!placeholder) return; // has this already been run once? | ||
| + | EditTools.appendExtraCSS (); | ||
| + | EditTools.createEditTools (placeholder); | ||
| + | EditTools.enableForAllFields (); | ||
| + | } | ||
| − | + | }; // end EditTools | |
| − | + | ||
| − | + | // Do not use addOnloadHook; it runs *before* the onload event fires. At that time, onclick or | |
| + | // onfocus handlers may not yet be set up properly. | ||
| + | hookEvent ('load', EditTools.setup); | ||
| − | + | // </source> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | </ | ||
