MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus RI Wiki
Zur Navigation springenZur Suche springen
← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
 
(22 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
mw.loader.using('ext.visualEditor.desktopArticleTarget.init').then(function () {
mw.hook('ve.loadModules').add(function (addPlugin) {
    mw.hook('ve.activationComplete').add(function () {
    addPlugin(function () {
        console.log('VisualEditor activated, adding Highlight tool...');
         // 1. Define a custom annotation for highlighting
       
         ve.dm.HighlightAnnotation = function VeDmHighlightAnnotation() {
        // --- Define the command ---
             ve.dm.HighlightAnnotation.super.apply(this, arguments);
        function doHighlight(surface) {
         };
            var fragment = surface.getModel().getFragment();
         OO.inheritClass(ve.dm.HighlightAnnotation, ve.dm.TextStyleAnnotation);
            var selectedText = fragment.getText();
         ve.dm.HighlightAnnotation.static.name = 'textStyle/highlight';
            if (!selectedText) {
         ve.dm.HighlightAnnotation.static.matchTagNames = ['mark'];
                return;
         ve.dm.annotationFactory.register(ve.dm.HighlightAnnotation);
            }
            fragment.insertContent('{{Highlight|' + selectedText + '|yellow}}');
        }
       
        var commandName = 'insertHighlight';
       
         // Register command
         if (!ve.ui.commandRegistry.lookup(commandName)) {
             ve.ui.commandRegistry.register(
                new ve.ui.Command(
                    commandName,
                    'content',
                    'exec',
                    { args: [doHighlight] }
                )
            );
         }
       
        // --- Define the tool ---
        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'; // Start with 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');
        }


         // Safe debugging - check if target exists
         // 2. Define the contentEditable view for the annotation
         setTimeout(function() {
         ve.ce.HighlightAnnotation = function VeCeHighlightAnnotation() {
             if (typeof ve !== 'undefined' && ve.init && ve.init.target) {
             ve.ce.HighlightAnnotation.super.apply(this, arguments);
                console.log('Target found:', ve.init.target.constructor.name);
        };
                if (ve.init.target.toolbar) {
        OO.inheritClass(ve.ce.HighlightAnnotation, ve.ce.TextStyleAnnotation);
                    console.log('Toolbar found');
        ve.ce.HighlightAnnotation.static.name = 'textStyle/highlight';
                     // You can add more debugging here
        ve.ce.HighlightAnnotation.static.tagName = 'mark';
        ve.ce.annotationFactory.register(ve.ce.HighlightAnnotation);
 
        // 3. Register the command to toggle the highlight
        ve.ui.commandRegistry.register(
            new ve.ui.Command(
                'insertHighlight',
                'annotation',
                'toggle',
                {
                     args: ['textStyle/highlight'],
                    supportedSelections: ['linear', 'table']
                 }
                 }
             } else {
             )
                console.log('Target not found yet');
        );
            }
 
         }, 1000);
        // 4. Register the tool (now inherits from AnnotationTool)
        ve.ui.HighlightTool = function VeUiHighlightTool(toolGroup, config) {
            ve.ui.HighlightTool.super.call(this, toolGroup, config);
        };
        OO.inheritClass(ve.ui.HighlightTool, ve.ui.AnnotationTool);
        ve.ui.HighlightTool.static.name = 'highlight';
        ve.ui.HighlightTool.static.group = 'style'; // Can now go in style group!
        ve.ui.HighlightTool.static.icon = 'highlight';
        ve.ui.HighlightTool.static.title = 'Highlight text';
        ve.ui.HighlightTool.static.annotation = { name: 'textStyle/highlight' };
        ve.ui.HighlightTool.static.commandName = 'insertHighlight';
        ve.ui.toolFactory.register(ve.ui.HighlightTool);
 
         console.log('Highlight tool registered with custom annotation.');
     });
     });
});
});

Aktuelle Version vom 5. September 2025, 13:03 Uhr

mw.hook('ve.loadModules').add(function (addPlugin) {
    addPlugin(function () {
        // 1. Define a custom annotation for highlighting
        ve.dm.HighlightAnnotation = function VeDmHighlightAnnotation() {
            ve.dm.HighlightAnnotation.super.apply(this, arguments);
        };
        OO.inheritClass(ve.dm.HighlightAnnotation, ve.dm.TextStyleAnnotation);
        ve.dm.HighlightAnnotation.static.name = 'textStyle/highlight';
        ve.dm.HighlightAnnotation.static.matchTagNames = ['mark'];
        ve.dm.annotationFactory.register(ve.dm.HighlightAnnotation);

        // 2. Define the contentEditable view for the annotation
        ve.ce.HighlightAnnotation = function VeCeHighlightAnnotation() {
            ve.ce.HighlightAnnotation.super.apply(this, arguments);
        };
        OO.inheritClass(ve.ce.HighlightAnnotation, ve.ce.TextStyleAnnotation);
        ve.ce.HighlightAnnotation.static.name = 'textStyle/highlight';
        ve.ce.HighlightAnnotation.static.tagName = 'mark';
        ve.ce.annotationFactory.register(ve.ce.HighlightAnnotation);

        // 3. Register the command to toggle the highlight
        ve.ui.commandRegistry.register(
            new ve.ui.Command(
                'insertHighlight', 
                'annotation', 
                'toggle',
                { 
                    args: ['textStyle/highlight'], 
                    supportedSelections: ['linear', 'table'] 
                }
            )
        );

        // 4. Register the tool (now inherits from AnnotationTool)
        ve.ui.HighlightTool = function VeUiHighlightTool(toolGroup, config) {
            ve.ui.HighlightTool.super.call(this, toolGroup, config);
        };
        OO.inheritClass(ve.ui.HighlightTool, ve.ui.AnnotationTool);
        ve.ui.HighlightTool.static.name = 'highlight';
        ve.ui.HighlightTool.static.group = 'style'; // Can now go in style group!
        ve.ui.HighlightTool.static.icon = 'highlight';
        ve.ui.HighlightTool.static.title = 'Highlight text';
        ve.ui.HighlightTool.static.annotation = { name: 'textStyle/highlight' };
        ve.ui.HighlightTool.static.commandName = 'insertHighlight';
        ve.ui.toolFactory.register(ve.ui.HighlightTool);

        console.log('Highlight tool registered with custom annotation.');
    });
});
Abgerufen von „https://wiki.atlaws.eu/index.php?title=MediaWiki:Common.js&oldid=4000“