MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus RI Wiki
Zur Navigation springenZur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
mw.loader.using('ext.visualEditor.desktopArticleTarget.init').then(function () {
mw.loader.using('ext.visualEditor.desktopArticleTarget.init').then(function () {
     console.log('VE modules loaded');
     mw.hook('ve.activationComplete').add(function () {
   
        console.log('ve.activationComplete fired, registering tool...');
    // --- Define the command and tool first ---
       
    function doHighlight(surface) {
        // --- Register your tool (same as before) ---
        var fragment = surface.getModel().getFragment();
        function doHighlight(surface) {
        var selectedText = fragment.getText();
            var fragment = surface.getModel().getFragment();
        if (!selectedText) {
            var selectedText = fragment.getText();
             return;
            if (!selectedText) {
                return;
            }
             fragment.insertContent('{{Highlight|' + selectedText + '|yellow}}');
         }
         }
        fragment.insertContent('{{Highlight|' + selectedText + '|yellow}}');
    }
   
    var commandName = 'insertHighlight';
   
    function registerHighlightTool() {
        console.log('Attempting to register highlight tool...');
          
          
         // Register command
         var commandName = 'insertHighlight';
       
         if (!ve.ui.commandRegistry.lookup(commandName)) {
         if (!ve.ui.commandRegistry.lookup(commandName)) {
             ve.ui.commandRegistry.register(
             ve.ui.commandRegistry.register(
Zeile 27: Zeile 24:
                 )
                 )
             );
             );
            console.log('Command registered');
         }
         }
          
          
        // --- Define the tool ---
         function HighlightTool(toolGroup, config) {
         function HighlightTool(toolGroup, config) {
             ve.ui.Tool.call(this, toolGroup, config);
             ve.ui.Tool.call(this, toolGroup, config);
Zeile 45: Zeile 40:
             ve.ui.toolFactory.register(HighlightTool);
             ve.ui.toolFactory.register(HighlightTool);
             console.log('Highlight tool registered');
             console.log('Highlight tool registered');
            return true;
         }
         }
        return false;
    }
   
    // Try multiple hooks
    mw.hook('ve.activationComplete').add(function () {
        console.log('ve.activationComplete fired');
        registerHighlightTool();
          
          
         // Wait a bit then check toolbar
         // --- Now check the actual toolbar structure ---
         setTimeout(function() {
         setTimeout(function() {
            console.log('Checking toolbar after delay...');
             if (ve.init.target && ve.init.target.toolbar) {
             if (typeof ve !== 'undefined' && ve.init && ve.init.target) {
                 console.log('=== TOOLBAR ANALYSIS ===');
                 console.log('Target exists:', ve.init.target.constructor.name);
                console.log('Toolbar groups:', ve.init.target.toolbar.groups);
                 if (ve.init.target.toolbar) {
                  
                     console.log('Toolbar exists');
                // Check each group
                     console.log('Toolbar setup:', ve.init.target.toolbar.setup);
                ve.init.target.toolbar.groups.forEach(function(group, index) {
                 } else {
                     console.log(`Group ${index}:`, {
                     console.log('No toolbar found');
                        name: group.name || 'unnamed',
                        type: group.constructor.name,
                        include: group.include || 'not specified',
                        exclude: group.exclude || 'not specified'
                    });
                      
                    // Check if it's a tool group with tools
                    if (group.items) {
                        console.log(`  Items in group ${index}:`, group.items.map(item => item.constructor.static.name || 'unnamed'));
                    }
                });
               
                // Check what's in the textStyle group specifically
                var textStyleGroup = ve.init.target.toolbar.groups.find(g =>
                    g.include && g.include.includes && g.include.includes('bold')
                );
                 if (textStyleGroup) {
                     console.log('Found textStyle group:', textStyleGroup);
                    console.log('textStyle group items:', textStyleGroup.items ? textStyleGroup.items.map(i => i.constructor.static.name) : 'no items');
                 }
                 }
            } else {
                console.log('No target found');
             }
             }
         }, 2000);
         }, 2000);
     });
     });
   
    // Try other possible hooks
    mw.hook('ve.toolbarSaveButton.stateChanged').add(function() {
        console.log('Toolbar save button state changed - toolbar should be ready');
    });
   
    mw.hook('ve.deactivationComplete').add(function() {
        console.log('VE deactivated');
    });
   
    // List all available ve hooks
    setTimeout(function() {
        if (typeof mw.hook._hooks !== 'undefined') {
            var veHooks = Object.keys(mw.hook._hooks).filter(hook => hook.startsWith('ve.'));
            console.log('Available VE hooks:', veHooks);
        }
    }, 1000);
});
});

Version vom 3. September 2025, 20:59 Uhr

mw.loader.using('ext.visualEditor.desktopArticleTarget.init').then(function () {
    mw.hook('ve.activationComplete').add(function () {
        console.log('ve.activationComplete fired, registering tool...');
        
        // --- Register your tool (same as before) ---
        function doHighlight(surface) {
            var fragment = surface.getModel().getFragment();
            var selectedText = fragment.getText();
            if (!selectedText) {
                return;
            }
            fragment.insertContent('{{Highlight|' + selectedText + '|yellow}}');
        }
        
        var commandName = 'insertHighlight';
        
        if (!ve.ui.commandRegistry.lookup(commandName)) {
            ve.ui.commandRegistry.register(
                new ve.ui.Command(
                    commandName,
                    'content',
                    'exec',
                    { args: [doHighlight] }
                )
            );
        }
        
        function HighlightTool(toolGroup, config) {
            ve.ui.Tool.call(this, toolGroup, config);
        }
        
        OO.inheritClass(HighlightTool, ve.ui.Tool);
        HighlightTool.static.name = 'highlight';
        HighlightTool.static.group = 'textStyle';
        HighlightTool.static.icon = 'highlight';
        HighlightTool.static.title = 'Highlight text';
        HighlightTool.static.commandName = commandName;
        
        if (!ve.ui.toolFactory.lookup('highlight')) {
            ve.ui.toolFactory.register(HighlightTool);
            console.log('Highlight tool registered');
        }
        
        // --- Now check the actual toolbar structure ---
        setTimeout(function() {
            if (ve.init.target && ve.init.target.toolbar) {
                console.log('=== TOOLBAR ANALYSIS ===');
                console.log('Toolbar groups:', ve.init.target.toolbar.groups);
                
                // Check each group
                ve.init.target.toolbar.groups.forEach(function(group, index) {
                    console.log(`Group ${index}:`, {
                        name: group.name || 'unnamed',
                        type: group.constructor.name,
                        include: group.include || 'not specified',
                        exclude: group.exclude || 'not specified'
                    });
                    
                    // Check if it's a tool group with tools
                    if (group.items) {
                        console.log(`  Items in group ${index}:`, group.items.map(item => item.constructor.static.name || 'unnamed'));
                    }
                });
                
                // Check what's in the textStyle group specifically
                var textStyleGroup = ve.init.target.toolbar.groups.find(g => 
                    g.include && g.include.includes && g.include.includes('bold')
                );
                if (textStyleGroup) {
                    console.log('Found textStyle group:', textStyleGroup);
                    console.log('textStyle group items:', textStyleGroup.items ? textStyleGroup.items.map(i => i.constructor.static.name) : 'no items');
                }
            }
        }, 2000);
    });
});