MediaWiki:Gadget-charinsert-core.js: Unterschied zwischen den Versionen

An MediaWiki 1.35 angepasst
(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=715923026
  * 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 () {
};
};


jQuery( document ).ready( function ( $ ) {
$( function () {
     var EditTools = {
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",


         cookieName: 'edittoolscharsubset',
         storageKey: 'edittoolscharsubset',


         createEditTools: function ( placeholder ) {
         createEditTools: function ( placeholder ) {
             var sel, id;
             var sel, id;
             var box = document.createElement( "div" );
             var box = document.createElement( 'div' );
             var prevSubset = 0, curSubset = 0;
             var prevSubset = 0, curSubset = 0;
             box.id = "editpage-specialchars";
             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 ( !EditTools.charinsert[id] ) {
                     if ( !editTools.charinsert[id] ) {
                         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 EditTools.charinsert ) {
             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();
                 };
                 };
                 with ( recall.style ) {
                 recall.style.cssFloat = 'left';
                    cssFloat = styleFloat = 'left';
                recall.style.marginRight = '5px';
                    marginRight = '5px';
                recall.style.cursor = 'pointer';
                    cursor = 'pointer';
                }
                 box.appendChild( recall );
                 box.appendChild( recall );
             }
             }


            // load latest selection from cookies
if ( getSelectedSection() ) {
            try {
sel.selectedIndex = getSelectedSection();
                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 );
             placeholder.parentNode.replaceChild( box, placeholder );
Zeile 90: Zeile 99:
                 prevSubset = curSubset;
                 prevSubset = curSubset;
                 curSubset = sel.selectedIndex;
                 curSubset = sel.selectedIndex;
                 //save into cookies for persistence
                 //save into web storage for persistence
                 try {
                 saveSelectedSection( curSubset );
                    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
                 //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 = "nowraplinks";
                     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 = EditTools.charinsert[id];
                     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 );
                     editTools.createTokens( p, tokens );
                     box.appendChild( p );
                     box.appendChild( p );
                 }
                 }
Zeile 140: Zeile 144:
                     }
                     }
                 }
                 }
                 if ( token == '' || token == '_' ) {
                 if ( token === '' || token === '_' ) {
                     addText( EditTools.charinsertDivider + ' ' );
                     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,' ' ) : '';
                     handler = new Function(
                     $( a ).on( 'click', {
                        "evt",
                    tagOpen: tagOpen,
                        "mw.toolbar.insertTags('" + tagOpen + "', '" + tagClose + "', ''); evt.preventDefault(); return false;"
                    sampleText: '',
                     );
                    tagClose: tagClose
                     }, insertTags );
                 }
                 }
                var a = document.createElement( 'a' );
 
                 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 = '';
                $( a ).click( handler );
                 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();
        last_active_textfield: null,
            if ( $currentFocused && $currentFocused.length && !$currentFocused.prop( 'readonly' ) ) {
 
$currentFocused.textSelection(
        registerTextField: function ( evt ) {
'encapsulateSelection', {
            var e = evt || window.event;
pre: e.data.tagOpen,
            var node = e.target || e.srcElement;
peri: e.data.sampleText,
            if ( !node ) {
post: e.data.tagClose
                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;
         },
         },


Zeile 247: Zeile 233:
                 $( '.editOptions' ).before( placeholder );
                 $( '.editOptions' ).before( placeholder );
             }
             }
             EditTools.createEditTools( 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] );
                 editTools.createEditTools( $( '#editpage-specialchars' )[0] );
             };
             };
         }
         }


     }; // end EditTools
     }; // end editTools


     EditTools.setup();
     editTools.setup();
} );
} );