MediaWiki:Common.js - Versionsgeschichte

Argishti.Khachik am 5. September 2025 um 13:03 Uhr

2025-09-05T13:03:49Z

← Nächstältere Version		Version vom 5. September 2025, 13:03 Uhr
Zeile 40:		Zeile 40:
	ve.ui.HighlightTool.static.group = 'style'; // Can now go in style group!		ve.ui.HighlightTool.static.group = 'style'; // Can now go in style group!
	ve.ui.HighlightTool.static.icon = 'highlight';		ve.ui.HighlightTool.static.icon = 'highlight';
	ve.ui.HighlightTool.static.title = 'Highlight text ~~xxx~~';		ve.ui.HighlightTool.static.title = 'Highlight text';
	ve.ui.HighlightTool.static.annotation = { name: 'textStyle/highlight' };		ve.ui.HighlightTool.static.annotation = { name: 'textStyle/highlight' };
	ve.ui.HighlightTool.static.commandName = 'insertHighlight';		ve.ui.HighlightTool.static.commandName = 'insertHighlight';

Argishti.Khachik am 5. September 2025 um 09:21 Uhr

2025-09-05T09:21:06Z

← Nächstältere Version		Version vom 5. September 2025, 09:21 Uhr
Zeile 40:		Zeile 40:
	ve.ui.HighlightTool.static.group = 'style'; // Can now go in style group!		ve.ui.HighlightTool.static.group = 'style'; // Can now go in style group!
	ve.ui.HighlightTool.static.icon = 'highlight';		ve.ui.HighlightTool.static.icon = 'highlight';
	ve.ui.HighlightTool.static.title = 'Highlight text';		ve.ui.HighlightTool.static.title = 'Highlight text xxx';
	ve.ui.HighlightTool.static.annotation = { name: 'textStyle/highlight' };		ve.ui.HighlightTool.static.annotation = { name: 'textStyle/highlight' };
	ve.ui.HighlightTool.static.commandName = 'insertHighlight';		ve.ui.HighlightTool.static.commandName = 'insertHighlight';

Argishti.Khachik am 5. September 2025 um 09:01 Uhr

2025-09-05T09:01:37Z

Änderungen zeigen

Argishti.Khachik am 3. September 2025 um 22:22 Uhr

2025-09-03T22:22:10Z

Änderungen zeigen

Argishti.Khachik am 3. September 2025 um 22:17 Uhr

2025-09-03T22:17:24Z

← Nächstältere Version		Version vom 3. September 2025, 22:17 Uhr
Zeile 51:		Zeile 51:
	ve.ui.HighlightTool.static.name = 'highlight';		ve.ui.HighlightTool.static.name = 'highlight';
	ve.ui.HighlightTool.static.group = 'insert';		ve.ui.HighlightTool.static.group = 'insert';
	ve.ui.HighlightTool.static.icon = '~~marker~~';		ve.ui.HighlightTool.static.icon = 'highlight';
	ve.ui.HighlightTool.static.title = 'Highlight text';		ve.ui.HighlightTool.static.title = 'Highlight text';
	ve.ui.HighlightTool.static.commandName = 'insertHighlight';		ve.ui.HighlightTool.static.commandName = 'insertHighlight';

Argishti.Khachik am 3. September 2025 um 22:16 Uhr

2025-09-03T22:16:31Z

← Nächstältere Version		Version vom 3. September 2025, 22:16 Uhr
Zeile 59:		Zeile 59:
	});		});
	});		});

	~~// Run this in the browser console after opening VisualEditor~~
	~~setTimeout(function() {~~
	~~if (ve.init && ve.init.target && ve.init.target.toolbar) {~~
	~~// Find the highlight tool in any group~~
	~~var allTools = [];~~
	~~ve.init.target.toolbar.tools.forEach(function(toolGroup) {~~
	~~if (toolGroup && toolGroup.tools) {~~
	~~toolGroup.tools.forEach(function(tool) {~~
	~~if (tool && tool.constructor && tool.constructor.static) {~~
	~~allTools.push({~~
	~~name: tool.constructor.static.name,~~
	~~group: tool.constructor.static.group,~~
	~~icon: tool.constructor.static.icon~~
	~~});~~
	}
	~~});~~
	}
	~~});~~
	~~console.log('All registered tools:', allTools);~~

	~~// Check if our tool is there~~
	~~var highlightTool = allTools.find(function(t) {~~
	~~return t.name === 'highlight';~~
	~~});~~
	~~console.log('Highlight tool found:', highlightTool);~~
	}
	~~}, 3000);~~

Argishti.Khachik am 3. September 2025 um 22:15 Uhr

2025-09-03T22:15:35Z

← Nächstältere Version		Version vom 3. September 2025, 22:15 Uhr
Zeile 59:		Zeile 59:
	});		});
	});		});

			// Run this in the browser console after opening VisualEditor
			setTimeout(function() {
			if (ve.init && ve.init.target && ve.init.target.toolbar) {
			// Find the highlight tool in any group
			var allTools = [];
			ve.init.target.toolbar.tools.forEach(function(toolGroup) {
			if (toolGroup && toolGroup.tools) {
			toolGroup.tools.forEach(function(tool) {
			if (tool && tool.constructor && tool.constructor.static) {
			allTools.push({
			name: tool.constructor.static.name,
			group: tool.constructor.static.group,
			icon: tool.constructor.static.icon
			});
			}
			});
			}
			});
			console.log('All registered tools:', allTools);

			// Check if our tool is there
			var highlightTool = allTools.find(function(t) {
			return t.name === 'highlight';
			});
			console.log('Highlight tool found:', highlightTool);
			}
			}, 3000);

Argishti.Khachik am 3. September 2025 um 22:12 Uhr

2025-09-03T22:12:33Z

@@ Zeile 50: / Zeile 50: @@
          OO.inheritClass(ve.ui.HighlightTool, ve.ui.Tool);
          ve.ui.HighlightTool.static.name = 'highlight';
-         ve.ui.HighlightTool.static.group = 'style';
+         ve.ui.HighlightTool.static.group = 'insert';
-         ve.ui.HighlightTool.static.icon = 'marker'; // Using a standard icon
+         ve.ui.HighlightTool.static.icon = 'marker';
          ve.ui.HighlightTool.static.title = 'Highlight text';
          ve.ui.HighlightTool.static.commandName = 'insertHighlight';
          ve.ui.toolFactory.register(ve.ui.HighlightTool);
-         console.log('Highlight tool registered in the "style" group.');
+         console.log('Highlight tool and command registered.');
      });
 });

Argishti.Khachik am 3. September 2025 um 22:05 Uhr

2025-09-03T22:05:42Z

← Nächstältere Version		Version vom 3. September 2025, 22:05 Uhr
Zeile 1:		Zeile 1:
	mw.hook('ve.loadModules').add(function (addPlugin) {		mw.hook('ve.loadModules').add(function (addPlugin) {
	addPlugin(function () {		addPlugin(function () {
	// ~~Define and register the~~ command		// Custom command for highlighting
	ve.ui.HighlightCommand = function VeUiHighlightCommand() {		ve.ui.HighlightCommand = function VeUiHighlightCommand() {
	ve.ui.HighlightCommand.super.call(this, 'insertHighlight');		ve.ui.HighlightCommand.super.call(this, 'insertHighlight');
	};		};
	OO.inheritClass(ve.ui.HighlightCommand, ve.ui.Command);		OO.inheritClass(ve.ui.HighlightCommand, ve.ui.Command);

	ve.ui.HighlightCommand.prototype.execute = function (surface) {		ve.ui.HighlightCommand.prototype.execute = function (surface) {
	var fragment = surface.getModel().getFragment();		var fragment = surface.getModel().getFragment();
	var selectedText = fragment.getText();		var selectedText = fragment.getText();

	if (!selectedText) {		if (!selectedText) {
	surface.getView().flash();		surface.getView().flash();
	return false;		return false;
	}		}

	var templateData = [		var templateData = [
	{		{
Zeile 35:		Zeile 38:
	{ type: '/mwTransclusionInline' }		{ type: '/mwTransclusionInline' }
	];		];

	fragment.insertContent(templateData);		fragment.insertContent(templateData);
	return true;		return true;
Zeile 40:		Zeile 44:
	ve.ui.commandRegistry.register(new ve.ui.HighlightCommand());		ve.ui.commandRegistry.register(new ve.ui.HighlightCommand());

	// ~~Define and register the~~ tool		// Register tool
	ve.ui.HighlightTool = function VeUiHighlightTool(toolGroup, config) {		ve.ui.HighlightTool = function VeUiHighlightTool(toolGroup, config) {
	ve.ui.HighlightTool.super.call(this, toolGroup, config);		ve.ui.HighlightTool.super.call(this, toolGroup, config);
Zeile 46:		Zeile 50:
	OO.inheritClass(ve.ui.HighlightTool, ve.ui.Tool);		OO.inheritClass(ve.ui.HighlightTool, ve.ui.Tool);
	ve.ui.HighlightTool.static.name = 'highlight';		ve.ui.HighlightTool.static.name = 'highlight';
	ve.ui.HighlightTool.static.group = 'style'; ~~// Correct group for formatting~~		ve.ui.HighlightTool.static.group = 'style';
	ve.ui.HighlightTool.static.icon = 'marker'; // ~~Use~~ a standard icon		ve.ui.HighlightTool.static.icon = 'marker'; // Using a standard icon
	ve.ui.HighlightTool.static.title = 'Highlight text';		ve.ui.HighlightTool.static.title = 'Highlight text';
	ve.ui.HighlightTool.static.commandName = 'insertHighlight';		ve.ui.HighlightTool.static.commandName = 'insertHighlight';
Zeile 54:		Zeile 58:
	console.log('Highlight tool registered in the "style" group.');		console.log('Highlight tool registered in the "style" group.');

	// ~~Debug: Log after a delay to check registration~~		// Safe debugging code
	setTimeout(function() {		setTimeout(function() {
	if (ve.init.target && ve.init.target.toolbar) {		if (ve.init.target && ve.init.target.toolbar) {
	var styleGroup = ve.init.target.toolbar.groups.find(g => g.name === 'style');		var styleGroup = ve.init.target.toolbar.groups.find(function(g) {
	if (styleGroup) {		return g && g.name === 'style';
	console.log('Tools in style group:', ~~styleGroup~~.~~items~~.~~map~~(~~item => item~~.~~constructor.static.name)~~);		});

			if (styleGroup && styleGroup.items) {
			var toolNames = [];
			for (var i = 0; i < styleGroup.items.length; i++) {
			if (styleGroup.items[i] && styleGroup.items[i].constructor && styleGroup.items[i].constructor.static) {
			toolNames.push(styleGroup.items[i].constructor.static.name);
			}
			}
			console.log('Tools in style group:', toolNames);

			var hasHighlightTool = toolNames.includes('highlight');
			console.log('Highlight tool found:', hasHighlightTool);

			if (!hasHighlightTool) {
			console.log('Possible reasons: tool not added to group, icon missing, or timing issue');
			}
	}		}
	}		}

Argishti.Khachik am 3. September 2025 um 22:03 Uhr

2025-09-03T22:03:46Z

← Nächstältere Version		Version vom 3. September 2025, 22:03 Uhr
Zeile 1:		Zeile 1:
	mw.hook('ve.loadModules').add(function (addPlugin) {		mw.hook('ve.loadModules').add(function (addPlugin) {
	addPlugin(function () {		addPlugin(function () {
	// 1. Define the ~~custom~~ command ~~to handle the highlight action~~		// Define and register the command
	ve.ui.HighlightCommand = function VeUiHighlightCommand() {		ve.ui.HighlightCommand = function VeUiHighlightCommand() {
	ve.ui.HighlightCommand.super.call(this, 'insertHighlight');		ve.ui.HighlightCommand.super.call(this, 'insertHighlight');
	};		};
	OO.inheritClass(ve.ui.HighlightCommand, ve.ui.Command);		OO.inheritClass(ve.ui.HighlightCommand, ve.ui.Command);

	ve.ui.HighlightCommand.prototype.execute = function (surface) {		ve.ui.HighlightCommand.prototype.execute = function (surface) {
	var fragment = surface.getModel().getFragment();		var fragment = surface.getModel().getFragment();
	var selectedText = fragment.getText();		var selectedText = fragment.getText();

	if (!selectedText) {		if (!selectedText) {
	~~// Optional: Provide user feedback if no text is selected~~
	surface.getView().flash();		surface.getView().flash();
	return false; ~~// Indicate the command did not execute~~		return false;
	}		}

	~~// 2. Construct the template data structure for {{Highlight\|selectedText\|yellow}}~~
	var templateData = [		var templateData = [
	{		{
Zeile 30:		Zeile 25:
	},		},
	params: {		params: {
	1: { wt: selectedText }, ~~// The selected text~~		1: { wt: selectedText },
	2: { wt: 'yellow' } ~~// Default highlight color~~		2: { wt: 'yellow' }
	}		}
	}		}
Zeile 40:		Zeile 35:
	{ type: '/mwTransclusionInline' }		{ type: '/mwTransclusionInline' }
	];		];

	~~// 3. Replace the selected text with the template~~
	fragment.insertContent(templateData);		fragment.insertContent(templateData);
	return true; ~~// Indicate successful execution~~		return true;
	};		};
	ve.ui.commandRegistry.register(new ve.ui.HighlightCommand());		ve.ui.commandRegistry.register(new ve.ui.HighlightCommand());

	// 4. Define and register the tool ~~itself~~		// Define and register the tool
	ve.ui.HighlightTool = function VeUiHighlightTool(toolGroup, config) {		ve.ui.HighlightTool = function VeUiHighlightTool(toolGroup, config) {
	ve.ui.HighlightTool.super.call(this, toolGroup, config);		ve.ui.HighlightTool.super.call(this, toolGroup, config);
	};		};
	OO.inheritClass(ve.ui.HighlightTool, ve.ui.Tool);		OO.inheritClass(ve.ui.HighlightTool, ve.ui.Tool);

	// * KEY CHANGE: Set group to 'style' instead of 'insert' *
	ve.ui.HighlightTool.static.name = 'highlight';		ve.ui.HighlightTool.static.name = 'highlight';
	ve.ui.HighlightTool.static.group = 'style'; // ~~Now belongs to the Style~~ group		ve.ui.HighlightTool.static.group = 'style'; // Correct group for formatting
	ve.ui.HighlightTool.static.icon = '~~highlight~~';		ve.ui.HighlightTool.static.icon = 'marker'; // Use a standard icon
	ve.ui.HighlightTool.static.title = 'Highlight text';		ve.ui.HighlightTool.static.title = 'Highlight text';
	ve.ui.HighlightTool.static.commandName = 'insertHighlight';		ve.ui.HighlightTool.static.commandName = 'insertHighlight';

	ve.ui.toolFactory.register(ve.ui.HighlightTool);		ve.ui.toolFactory.register(ve.ui.HighlightTool);

	console.log('Highlight tool registered in the "style" group.');		console.log('Highlight tool registered in the "style" group.');

			// Debug: Log after a delay to check registration
			setTimeout(function() {
			if (ve.init.target && ve.init.target.toolbar) {
			var styleGroup = ve.init.target.toolbar.groups.find(g => g.name === 'style');
			if (styleGroup) {
			console.log('Tools in style group:', styleGroup.items.map(item => item.constructor.static.name));
			}
			}
			}, 5000);
	});		});
	});		});