MediaWiki:Gadget-charinsert-core.js: Unterschied zwischen den Versionen
(Javascript für Sonderzeichenliste unter dem Bearbeitungsfenster) |
(An MediaWiki 1.35 angepasst) |
||
Zeile 1: | Zeile 1: | ||
/** | /** | ||
* Von https://en.wikipedia.org/w/index.php?title=MediaWiki:Gadget-charinsert-core.js&oldid= | * Von https://en.wikipedia.org/w/index.php?title=MediaWiki:Gadget-charinsert-core.js&oldid=1033007371 | ||
* übernommen und angepasst. | * übernommen und angepasst. | ||
* | * | ||
* Configuration (to be set from [[Special:MyPage/common.js]]): | * Configuration (to be set from [[Special:MyPage/common.js]]): | ||
* window.charinsertCustom – Object. Merged into the default charinsert list. For example, setting | * window.charinsertCustom – Object. Merged into the default charinsert list. For example, setting | ||
Zeile 12: | Zeile 12: | ||
* EditTools window. | * EditTools window. | ||
*/ | */ | ||
/* global $, mw, charinsertCustom */ | |||
window.updateEditTools = function () { | window.updateEditTools = function () { | ||
}; | }; | ||
$( function () { | |||
var $currentFocused, | |||
editTools; | |||
function getSelectedSection() { | |||
var selectedSection = mw.storage.get( editTools.storageKey ) | |||
|| mw.storage.session.get( editTools.storageKey ); | |||
return selectedSection; | |||
} | |||
function saveSelectedSection( newIndex ) { | |||
mw.storage.set( editTools.storageKey, newIndex ) | |||
|| mw.storage.session.set( editTools.storageKey, newIndex ); | |||
} | |||
editTools = { | |||
// Entries prefixed with ␥ (U+2425 SYMBOL FOR DELETE FORM TWO) will not appear in the article namespace (namespace 0). | // Entries prefixed with ␥ (U+2425 SYMBOL FOR DELETE FORM TWO) will not appear in the article namespace (namespace 0). | ||
// Please make any changes to [[MediaWiki:Edittools]] as well, however, instead of using the ␥ symbol, use {{#ifeq:{{NAMESPACE}}|{{ns:0}}| | }}. | // Please make any changes to [[MediaWiki:Edittools]] as well, however, instead of using the ␥ symbol, use {{#ifeq:{{NAMESPACE}}|{{ns:0}}| | }}. | ||
charinsert: { | charinsert: { | ||
'Sonderzeichen': ' „+“ ‚+‘ – ♂ ♀ ½ ₂ ₃ … → ↔ ← ‰ ° * †', | 'Sonderzeichen': ' „+“ ‚+‘ – ♂ ♀ ½ ₂ ₃ … → ↔ ← ‰ × ° * †', | ||
'Wiki-Code': 'Überschrift_Ebene_2: ==.+== Überschrift_Ebene_3: ===.+=== Quellenliste: ==.Einzelnachweise.und.Anmerkungen.==\\n<references>\\n+\\n</references> Quellenverweis: <ref.name="+"/> Weiterleitung: #WEITERLEITUNG.[[+]] Signatur_für_Diskussionsseiten: .~~\~~' | 'Wiki-Code': 'Überschrift_Ebene_2: ==.+== Überschrift_Ebene_3: ===.+=== Quellenliste: ==.Einzelnachweise.und.Anmerkungen.==\\n<references>\\n+\\n</references> Quellenverweis: <ref.name="+"/> Weiterleitung: #WEITERLEITUNG.[[+]] Signatur_für_Diskussionsseiten: .~~\~~' | ||
}, | }, | ||
Zeile 26: | Zeile 43: | ||
charinsertDivider: "\240", | charinsertDivider: "\240", | ||
storageKey: 'edittoolscharsubset', | |||
createEditTools: function ( placeholder ) { | createEditTools: function ( placeholder ) { | ||
var sel, id; | var sel, id; | ||
var box = document.createElement( | var box = document.createElement( 'div' ); | ||
var prevSubset = 0, curSubset = 0; | var prevSubset = 0, curSubset = 0; | ||
box.id = | box.id = 'editpage-specialchars'; | ||
box.className = "nopopups"; | |||
box.title = 'Mit einem Klick auf die Zeichen bzw. Wiki-Codes können diese ins Bearbeitungsfenster eingefügt werden.'; | box.title = 'Mit einem Klick auf die Zeichen bzw. Wiki-Codes können diese ins Bearbeitungsfenster eingefügt werden.'; | ||
Zeile 38: | Zeile 56: | ||
if ( window.charinsertCustom ) { | if ( window.charinsertCustom ) { | ||
for ( id in charinsertCustom ) { | for ( id in charinsertCustom ) { | ||
if ( ! | if ( !editTools.charinsert[id] ) { | ||
editTools.charinsert[id] = ''; | |||
} | } | ||
} | } | ||
Zeile 46: | Zeile 64: | ||
// create drop-down select | // create drop-down select | ||
sel = document.createElement( 'select' ); | sel = document.createElement( 'select' ); | ||
for ( id in | for ( id in editTools.charinsert ) { | ||
sel.options[sel.options.length] = new Option( id, id ); | sel.options[sel.options.length] = new Option( id, id ); | ||
} | } | ||
Zeile 63: | Zeile 81: | ||
selectSubset(); | selectSubset(); | ||
}; | }; | ||
recall.style.cssFloat = 'left'; | |||
recall.style.marginRight = '5px'; | |||
recall.style.cursor = 'pointer'; | |||
box.appendChild( recall ); | box.appendChild( recall ); | ||
} | } | ||
if ( getSelectedSection() ) { | |||
sel.selectedIndex = getSelectedSection(); | |||
} | |||
placeholder.parentNode.replaceChild( box, placeholder ); | placeholder.parentNode.replaceChild( box, placeholder ); | ||
Zeile 90: | Zeile 99: | ||
prevSubset = curSubset; | prevSubset = curSubset; | ||
curSubset = sel.selectedIndex; | curSubset = sel.selectedIndex; | ||
//save into | //save into web storage for persistence | ||
saveSelectedSection( curSubset ); | |||
//hide other subsets | //hide other subsets | ||
var pp = box.getElementsByTagName( 'p' ) ; | var pp = box.getElementsByTagName( 'p' ) ; | ||
Zeile 108: | Zeile 112: | ||
if ( !p ) { | if ( !p ) { | ||
p = document.createElement( 'p' ); | p = document.createElement( 'p' ); | ||
p.className = | p.className = 'nowraplinks'; | ||
p.id = id; | p.id = id; | ||
if ( id == 'Arabic' || id == 'Hebrew' ) { | if ( id == 'Arabic' || id == 'Hebrew' ) { | ||
Zeile 114: | Zeile 118: | ||
p.dir = 'rtl'; | p.dir = 'rtl'; | ||
} | } | ||
var tokens = | var tokens = editTools.charinsert[id]; | ||
if ( window.charinsertCustom && charinsertCustom[id] ) { | if ( window.charinsertCustom && charinsertCustom[id] ) { | ||
if ( tokens.length > 0 ) { | if ( tokens.length > 0 ) { | ||
Zeile 121: | Zeile 125: | ||
tokens += charinsertCustom[id]; | tokens += charinsertCustom[id]; | ||
} | } | ||
editTools.createTokens( p, tokens ); | |||
box.appendChild( p ); | box.appendChild( p ); | ||
} | } | ||
Zeile 140: | Zeile 144: | ||
} | } | ||
} | } | ||
if ( token == '' || token == '_' ) { | if ( token === '' || token === '_' ) { | ||
addText( | addText( editTools.charinsertDivider + ' ' ); | ||
} else if ( token == '\n' ) { | } else if ( token === '\n' ) { | ||
paragraph.appendChild( document.createElement( 'br' ) ); | paragraph.appendChild( document.createElement( 'br' ) ); | ||
} else if ( token == '___' ) { | } else if ( token === '___' ) { | ||
paragraph.appendChild( document.createElement( 'hr' ) ); | paragraph.appendChild( document.createElement( 'hr' ) ); | ||
} else if ( token.charAt( token.length-1 ) == ':' ) { // : at the end means just text | } else if ( token.charAt( token.length-1 ) === ':' ) { // : at the end means just text | ||
addBold( token ); | addBold( token ); | ||
} else if ( n == 0 ) { // +<tag> -> <tag>+</tag> | } else if ( n === 0 ) { // +<tag> -> <tag>+</tag> | ||
addLink( token.substring( 1 ), '</' + token.substring( 2 ), token.substring( 1 ) ); | addLink( token.substring( 1 ), '</' + token.substring( 2 ), token.substring( 1 ) ); | ||
} else if ( n > 0 ) { // <tag>+</tag> | } else if ( n > 0 ) { // <tag>+</tag> | ||
Zeile 165: | Zeile 169: | ||
var handler; | var handler; | ||
var dle = tagOpen.indexOf( '\x10' ); | var dle = tagOpen.indexOf( '\x10' ); | ||
var a = document.createElement( 'a' ); | |||
if ( dle > 0 ) { | if ( dle > 0 ) { | ||
var path = tagOpen.substring( dle + 1 ).split( '.' ); | var path = tagOpen.substring( dle + 1 ).split( '.' ); | ||
Zeile 172: | Zeile 178: | ||
handler = handler[path[i]]; | handler = handler[path[i]]; | ||
} | } | ||
$( a ).on( 'click', handler ); | |||
} else { | } else { | ||
tagOpen = tagOpen.replace( /\./g,' ' ); | tagOpen = tagOpen.replace( /\./g,' ' ); | ||
tagClose = tagClose ? tagClose.replace( /_/g,' ' ) : ''; | tagClose = tagClose ? tagClose.replace( /_/g,' ' ) : ''; | ||
$( a ).on( 'click', { | |||
tagOpen: tagOpen, | |||
sampleText: '', | |||
); | tagClose: tagClose | ||
}, insertTags ); | |||
} | } | ||
name = name || tagOpen + tagClose; | name = name || tagOpen + tagClose; | ||
name = name.replace( /\\n/g,'' ); | name = name.replace( /\\n/g,'' ); | ||
a.appendChild( document.createTextNode( name ) ); | a.appendChild( document.createTextNode( name ) ); | ||
a.href = | a.href = ''; | ||
paragraph.appendChild( a ); | paragraph.appendChild( a ); | ||
addText( ' ' ); | addText( ' ' ); | ||
Zeile 199: | Zeile 206: | ||
paragraph.appendChild( document.createTextNode( txt ) ); | paragraph.appendChild( document.createTextNode( txt ) ); | ||
} | } | ||
function insertTags( e ) { | |||
e.preventDefault(); | |||
if ( $currentFocused && $currentFocused.length && !$currentFocused.prop( 'readonly' ) ) { | |||
$currentFocused.textSelection( | |||
'encapsulateSelection', { | |||
pre: e.data.tagOpen, | |||
peri: e.data.sampleText, | |||
post: e.data.tagClose | |||
} | |||
); | |||
} | |||
} | } | ||
}, | }, | ||
Zeile 247: | Zeile 233: | ||
$( '.editOptions' ).before( placeholder ); | $( '.editOptions' ).before( placeholder ); | ||
} | } | ||
// Find the element that is focused | |||
$currentFocused = $( '#wpTextbox1' ); | |||
// Apply to dynamically created textboxes as well as normal ones | |||
$( document ).on( 'focus', 'textarea, input:text', function () { | |||
$currentFocused = $( this ); | |||
} ); | |||
// Used to determine where to insert tags | |||
editTools.createEditTools( placeholder ); | |||
window.updateEditTools = function () { | window.updateEditTools = function () { | ||
editTools.createEditTools( $( '#editpage-specialchars' )[0] ); | |||
}; | }; | ||
} | } | ||
}; // end | }; // end editTools | ||
editTools.setup(); | |||
} ); | } ); |
Aktuelle Version vom 22. Oktober 2021, 20:04 Uhr
/** * Von https://en.wikipedia.org/w/index.php?title=MediaWiki:Gadget-charinsert-core.js&oldid=1033007371 * übernommen und angepasst. * * Configuration (to be set from [[Special:MyPage/common.js]]): * window.charinsertCustom – Object. Merged into the default charinsert list. For example, setting * this to { Symbols: '‽' } will add the interrobang to the end of the Symbols section. * window.editToolsRecall – Boolean. Set true to create a recall switch. * window.charinsertDontMove – Boolean. Set true to leave the box in its default position, rather * than moving it above the edit summary. * window.updateEditTools() – Function. Call after updating window.charinsertCustom to regenerate the * EditTools window. */ /* global $, mw, charinsertCustom */ window.updateEditTools = function () { }; $( function () { var $currentFocused, editTools; function getSelectedSection() { var selectedSection = mw.storage.get( editTools.storageKey ) || mw.storage.session.get( editTools.storageKey ); return selectedSection; } function saveSelectedSection( newIndex ) { mw.storage.set( editTools.storageKey, newIndex ) || mw.storage.session.set( editTools.storageKey, newIndex ); } editTools = { // Entries prefixed with ␥ (U+2425 SYMBOL FOR DELETE FORM TWO) will not appear in the article namespace (namespace 0). // Please make any changes to [[MediaWiki:Edittools]] as well, however, instead of using the ␥ symbol, use {{#ifeq:{{NAMESPACE}}|{{ns:0}}| | }}. charinsert: { 'Sonderzeichen': ' „+“ ‚+‘ – ♂ ♀ ½ ₂ ₃ … → ↔ ← ‰ × ° * †', 'Wiki-Code': 'Überschrift_Ebene_2: ==.+== Überschrift_Ebene_3: ===.+=== Quellenliste: ==.Einzelnachweise.und.Anmerkungen.==\\n<references>\\n+\\n</references> Quellenverweis: <ref.name="+"/> Weiterleitung: #WEITERLEITUNG.[[+]] Signatur_für_Diskussionsseiten: .~~\~~' }, charinsertDivider: "\240", storageKey: 'edittoolscharsubset', createEditTools: function ( placeholder ) { var sel, id; var box = document.createElement( 'div' ); var prevSubset = 0, curSubset = 0; box.id = 'editpage-specialchars'; box.className = "nopopups"; box.title = 'Mit einem Klick auf die Zeichen bzw. Wiki-Codes können diese ins Bearbeitungsfenster eingefügt werden.'; // append user-defined sets if ( window.charinsertCustom ) { for ( id in charinsertCustom ) { if ( !editTools.charinsert[id] ) { editTools.charinsert[id] = ''; } } } // create drop-down select sel = document.createElement( 'select' ); for ( id in editTools.charinsert ) { sel.options[sel.options.length] = new Option( id, id ); } sel.selectedIndex = 0; sel.style.marginRight = '.3em'; 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(); }; recall.style.cssFloat = 'left'; recall.style.marginRight = '5px'; recall.style.cursor = 'pointer'; box.appendChild( recall ); } if ( getSelectedSection() ) { sel.selectedIndex = getSelectedSection(); } placeholder.parentNode.replaceChild( box, placeholder ); selectSubset(); return; function selectSubset() { // remember previous (for "recall" button) prevSubset = curSubset; curSubset = sel.selectedIndex; //save into web storage for persistence saveSelectedSection( curSubset ); //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.className = 'nowraplinks'; p.id = id; if ( id == 'Arabic' || id == 'Hebrew' ) { p.style.fontSize = '120%'; p.dir = 'rtl'; } var tokens = editTools.charinsert[id]; if ( window.charinsertCustom && charinsertCustom[id] ) { if ( tokens.length > 0 ) { tokens += ' '; } tokens += charinsertCustom[id]; } editTools.createTokens( p, tokens ); 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.charAt( 0 ) === '␥' ) { if ( token.length > 1 && mw.config.get( 'wgNamespaceNumber' ) === 0 ) { continue; } else { token = token.substring( 1 ); } } 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 handler; var dle = tagOpen.indexOf( '\x10' ); var a = document.createElement( 'a' ); if ( dle > 0 ) { var path = tagOpen.substring( dle + 1 ).split( '.' ); tagOpen = tagOpen.substring( 0, dle ); handler = window; for ( var i = 0; i < path.length; i++ ) { handler = handler[path[i]]; } $( a ).on( 'click', handler ); } else { tagOpen = tagOpen.replace( /\./g,' ' ); tagClose = tagClose ? tagClose.replace( /_/g,' ' ) : ''; $( a ).on( 'click', { tagOpen: tagOpen, sampleText: '', tagClose: tagClose }, insertTags ); } name = name || tagOpen + tagClose; name = name.replace( /\\n/g,'' ); a.appendChild( document.createTextNode( name ) ); a.href = ''; 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 ) ); } function insertTags( e ) { e.preventDefault(); if ( $currentFocused && $currentFocused.length && !$currentFocused.prop( 'readonly' ) ) { $currentFocused.textSelection( 'encapsulateSelection', { pre: e.data.tagOpen, peri: e.data.sampleText, post: e.data.tagClose } ); } } }, setup: function () { var placeholder; if ( $( '#editpage-specialchars' ).length ) { placeholder = $( '#editpage-specialchars' )[0]; } else { placeholder = $( '<div id="editpage-specialchars"> </div>' ).prependTo( '.mw-editTools' )[0]; } if ( !placeholder ) { return; } if ( !window.charinsertDontMove ) { $( '.editOptions' ).before( placeholder ); } // Find the element that is focused $currentFocused = $( '#wpTextbox1' ); // Apply to dynamically created textboxes as well as normal ones $( document ).on( 'focus', 'textarea, input:text', function () { $currentFocused = $( this ); } ); // Used to determine where to insert tags editTools.createEditTools( placeholder ); window.updateEditTools = function () { editTools.createEditTools( $( '#editpage-specialchars' )[0] ); }; } }; // end editTools editTools.setup(); } );