MediaWiki:Gadget-GlobalVariables.js - Versionsgeschichte

Saya am 14. Februar 2026 um 14:19 Uhr

2026-02-14T14:19:21Z

← Nächstältere Version		Version vom 14. Februar 2026, 14:19 Uhr
Zeile 17:		Zeile 17:
	bar.style.background = '#f5f5f5';		bar.style.background = '#f5f5f5';
	bar.style.marginBottom = '12px';		bar.style.marginBottom = '12px';

	document.querySelector('#content').prepend(bar);		document.querySelector('#content').prepend(bar);

Zeile 34:		Zeile 35:
	seenVars.add(varName);		seenVars.add(varName);

	~~// Initialwert mit Klammern~~		globalVars[varName] = defaultValue;
	globalVars[varName] = ~~`{{${~~defaultValue~~}}}`~~;

	const lbl = document.createElement('label');		const lbl = document.createElement('label');
Zeile 49:		Zeile 49:
	const inp = document.createElement('input');		const inp = document.createElement('input');
	inp.type = 'text';		inp.type = 'text';
	~~inp~~.~~value~~ = ~~globalVars[varName]; // Input zeigt~~ {{~~folder~~}} ~~direkt~~
			// Beim ersten Laden: Standardwert in Klammern, später alles wie eingegeben
			let initialValue = defaultValue;
			if (!initialValue.startsWith('{{')) {
			initialValue = `{{${initialValue}}}`;
			}
			inp.value = initialValue;

	inp.dataset.varId = varName;		inp.dataset.varId = varName;
	inp.style.width = '120px';		inp.style.width = '120px';
Zeile 59:		Zeile 66:
	lbl.appendChild(inp);		lbl.appendChild(inp);

	// Eingaben sofort in globale Vars übertragen~~, Klammern sichern~~		// Eingaben sofort in globale Vars übertragen
	inp.addEventListener('input', () => {		inp.addEventListener('input', () => {
	~~let val = inp.value.trim();~~		globalVars[varName] = inp.value; // nichts mehr automatisch ergänzen
	~~if (!val.startsWith('{{') \|\| !val.endsWith('}}')) {~~
	~~val = `{{${val.replace(/^{{\|}}$/g,'')}}}`; // Klammern hinzufügen, falls fehlen~~
	}
	globalVars[varName] = ~~val;~~
	inp.value ~~= val~~; // ~~Input aktualisieren, damit es immer korrekt angezeigt wird~~
	});		});

Zeile 88:		Zeile 90:

	// Button-Event für alle Variablen		// Button-Event für alle Variablen
	applyAllBtn.onclick = () => {		applyAllBtn.onclick = () => {
	Object.keys(globalVars).forEach(name => {		Object.keys(globalVars).forEach(name => {
	const val = globalVars[name];		const val = globalVars[name];
	const blocks = variableBlocks[name] \|\| [];		const blocks = variableBlocks[name] \|\| [];
	blocks.forEach(pre => {		blocks.forEach(pre => {
	~~// Wenn der Platzhalter noch vorhanden ist oder das Feld leer, dann Standardwert mit Klammern einsetzen~~		pre.textContent = pre.textContent.replace(new RegExp(`{{${name}}}`, 'g'), val);
	pre.textContent = pre.textContent.replace(new RegExp(`{{${name}}}`, 'g'), val);

	// lokale Inputs in den Codeblöcken synchronisieren		// lokale Inputs in den Codeblöcken synchronisieren
	const container = pre.previousSibling;		const container = pre.previousSibling;
	if (container && container.querySelector) {		if (container && container.querySelector) {
	const localInp = container.querySelector(`input[data-var-id="${name}"]`);		const localInp = container.querySelector(`input[data-var-id="${name}"]`);
	~~if (localInp) {~~		if (localInp) localInp.value = val;
	~~// Wenn das Feld noch leer oder Standardname, dann Klammern einfügen~~
	if (!localInp~~.value \|\| localInp.value === name~~) {
	localInp.value = ~~`{{${~~val~~}}}`~~;
	~~} else {~~
	~~// ansonsten unverändert lassen~~
	~~localInp.value = localInp.value;~~
	}
	}		}
	}		});
	});		});
	~~});~~		};
	};

			console.log('Globale Variablenleiste initialisiert:', Array.from(seenVars));

	~~console.log('Globale Variablenleiste initialisiert:', Array.from(seenVars));~~
	});		});

Saya am 14. Februar 2026 um 14:16 Uhr

2026-02-14T14:16:16Z

← Nächstältere Version		Version vom 14. Februar 2026, 14:16 Uhr
Zeile 88:		Zeile 88:

	// Button-Event für alle Variablen		// Button-Event für alle Variablen
	applyAllBtn.onclick = () => {		applyAllBtn.onclick = () => {
	Object.keys(globalVars).forEach(name => {		Object.keys(globalVars).forEach(name => {
	const val = globalVars[name];		const val = globalVars[name];
	const blocks = variableBlocks[name] \|\| [];		const blocks = variableBlocks[name] \|\| [];
	blocks.forEach(pre => {		blocks.forEach(pre => {
	pre.textContent = pre.textContent.replace(new RegExp(`{{${name}}}`, 'g'), val);		// Wenn der Platzhalter noch vorhanden ist oder das Feld leer, dann Standardwert mit Klammern einsetzen
			pre.textContent = pre.textContent.replace(new RegExp(`{{${name}}}`, 'g'), val);

	// lokale Inputs in den Codeblöcken synchronisieren		// lokale Inputs in den Codeblöcken synchronisieren
	const container = pre.previousSibling;		const container = pre.previousSibling;
	if (container && container.querySelector) {		if (container && container.querySelector) {
	const localInp = container.querySelector(`input[data-var-id="${name}"]`);		const localInp = container.querySelector(`input[data-var-id="${name}"]`);
	if (localInp) localInp.value = val;		if (localInp) {
			// Wenn das Feld noch leer oder Standardname, dann Klammern einfügen
			if (!localInp.value \|\| localInp.value === name) {
			localInp.value = `{{${val}}}`;
			} else {
			// ansonsten unverändert lassen
			localInp.value = localInp.value;
			}
	}		}
	});		}
	});		});
	};		});
			};


	console.log('Globale Variablenleiste initialisiert:', Array.from(seenVars));		console.log('Globale Variablenleiste initialisiert:', Array.from(seenVars));
	});		});

Saya am 14. Februar 2026 um 14:12 Uhr

2026-02-14T14:12:34Z

← Nächstältere Version		Version vom 14. Februar 2026, 14:12 Uhr
Zeile 17:		Zeile 17:
	bar.style.background = '#f5f5f5';		bar.style.background = '#f5f5f5';
	bar.style.marginBottom = '12px';		bar.style.marginBottom = '12px';

	document.querySelector('#content').prepend(bar);		document.querySelector('#content').prepend(bar);

Zeile 35:		Zeile 34:
	seenVars.add(varName);		seenVars.add(varName);

	globalVars[varName] = defaultValue;		// Initialwert mit Klammern
			globalVars[varName] = `{{${defaultValue}}}`;

	const lbl = document.createElement('label');		const lbl = document.createElement('label');
Zeile 49:		Zeile 49:
	const inp = document.createElement('input');		const inp = document.createElement('input');
	inp.type = 'text';		inp.type = 'text';
	inp.value = `{{${~~defaultValue}~~}}~~`; // Standardwert in Klammern~~		inp.value = globalVars[varName]; // Input zeigt {{folder}} direkt
	inp.dataset.varId = varName;		inp.dataset.varId = varName;
	inp.style.width = '120px';		inp.style.width = '120px';
Zeile 59:		Zeile 59:
	lbl.appendChild(inp);		lbl.appendChild(inp);

	// Eingaben sofort in globale Vars übertragen		// Eingaben sofort in globale Vars übertragen, Klammern sichern
	inp.addEventListener('input', () => {		inp.addEventListener('input', () => {
	globalVars[varName] = inp.value;		let val = inp.value.trim();
			if (!val.startsWith('{{') \|\| !val.endsWith('}}')) {
			val = `{{${val.replace(/^{{\|}}$/g,'')}}}`; // Klammern hinzufügen, falls fehlen
			}
			globalVars[varName] = val;
			inp.value = val; // Input aktualisieren, damit es immer korrekt angezeigt wird
	});		});

Saya am 14. Februar 2026 um 13:36 Uhr

2026-02-14T13:36:12Z

← Nächstältere Version		Version vom 14. Februar 2026, 13:36 Uhr
Zeile 28:		Zeile 28:
	applyAllBtn.style.borderRadius = '4px';		applyAllBtn.style.borderRadius = '4px';
	applyAllBtn.style.background = '#eee';		applyAllBtn.style.background = '#eee';
	applyAllBtn.style.marginLeft = 'auto'; // ~~<-- hier~~ sitzt er rechts		applyAllBtn.style.marginLeft = 'auto'; // sitzt rechts

	bar.appendChild(applyAllBtn);		bar.appendChild(applyAllBtn);

Zeile 50:		Zeile 49:
	const inp = document.createElement('input');		const inp = document.createElement('input');
	inp.type = 'text';		inp.type = 'text';
	inp.value = defaultValue;		inp.value = `{{${defaultValue}}}`; // Standardwert in Klammern
	inp.dataset.varId = varName;		inp.dataset.varId = varName;
	inp.style.width = '120px';		inp.style.width = '120px';

Saya am 14. Februar 2026 um 12:36 Uhr

2026-02-14T12:36:28Z

← Nächstältere Version		Version vom 14. Februar 2026, 12:36 Uhr
Zeile 1:		Zeile 1:
	mw.loader.using(['mediawiki.util']).then(function () {		mw.loader.using(['mediawiki.util']).then(function () {

	const globalVars = {}; ~~// speichert die Variablenwerte~~		const globalVars = {};
	const seenVars = new Set(); ~~// um Duplikate zu vermeiden~~		const seenVars = new Set();
	const variableBlocks = {}; ~~// speichert die Blocks pro Variable~~		const variableBlocks = {};

	// Leiste oben ~~erstellen~~		// Leiste oben als flex-Container
	const bar = document.createElement('div');		const bar = document.createElement('div');
	bar.id = 'global-var-bar';		bar.id = 'global-var-bar';
	bar.style.display = 'flex';		bar.style.display = 'flex';
	bar.style.flexWrap = 'wrap';		bar.style.flexWrap = 'wrap';
			bar.style.alignItems = 'center';
	bar.style.gap = '8px';		bar.style.gap = '8px';
	bar.style.padding = '8px';		bar.style.padding = '8px';
Zeile 16:		Zeile 17:
	bar.style.background = '#f5f5f5';		bar.style.background = '#f5f5f5';
	bar.style.marginBottom = '12px';		bar.style.marginBottom = '12px';

	document.querySelector('#content').prepend(bar);		document.querySelector('#content').prepend(bar);

	// Button ~~separat oben~~ rechts ~~im Content~~		// Button "Auf alle anwenden" rechts
	const applyAllBtn = document.createElement('button');		const applyAllBtn = document.createElement('button');
	applyAllBtn.textContent = '→ Auf alle anwenden';		applyAllBtn.textContent = '→ Auf alle anwenden';
	applyAllBtn.style.padding = '4px 8px';		applyAllBtn.style.padding = '4px 8px';
	applyAllBtn.style.cursor = 'pointer';		applyAllBtn.style.cursor = 'pointer';
	~~applyAllBtn.style.marginBottom = '12px';~~
	applyAllBtn.style.border = '1px solid #888';		applyAllBtn.style.border = '1px solid #888';
	applyAllBtn.style.borderRadius = '4px';		applyAllBtn.style.borderRadius = '4px';
	applyAllBtn.style.background = '#eee';		applyAllBtn.style.background = '#eee';
	applyAllBtn.style.~~float~~ = '~~right~~';		applyAllBtn.style.marginLeft = 'auto'; // <-- hier sitzt er rechts
	~~document.querySelector('#content')~~.~~prepend~~(applyAllBtn);
			bar.appendChild(applyAllBtn);

	function addVarOnce(varName, defaultValue = '') {		function addVarOnce(varName, defaultValue = '') {
Zeile 58:		Zeile 60:
	lbl.appendChild(inp);		lbl.appendChild(inp);

	bar.~~appendChild~~(lbl);		// Eingaben sofort in globale Vars übertragen
			inp.addEventListener('input', () => {
			globalVars[varName] = inp.value;
			});

			// Füge Label links ein, Button sitzt automatisch rechts
			bar.insertBefore(lbl, applyAllBtn);
	}		}

Zeile 77:		Zeile 85:
	// Button-Event für alle Variablen		// Button-Event für alle Variablen
	applyAllBtn.onclick = () => {		applyAllBtn.onclick = () => {
	~~const inputs = bar~~.~~querySelectorAll~~(~~'input'~~);		Object.keys(globalVars).forEach(name => {
	~~inputs~~.forEach(~~inp~~ => {		const val = globalVars[name];
	~~const name = inp.dataset.varId;~~
	const val = ~~inp.value;~~
	globalVars[name] ~~= val~~;

	const blocks = variableBlocks[name] \|\| [];		const blocks = variableBlocks[name] \|\| [];
	blocks.forEach(pre => {		blocks.forEach(pre => {
Zeile 98:		Zeile 102:

	console.log('Globale Variablenleiste initialisiert:', Array.from(seenVars));		console.log('Globale Variablenleiste initialisiert:', Array.from(seenVars));

	});		});

Saya am 14. Februar 2026 um 12:34 Uhr

2026-02-14T12:34:02Z

← Nächstältere Version		Version vom 14. Februar 2026, 12:34 Uhr
Zeile 3:		Zeile 3:
	const globalVars = {}; // speichert die Variablenwerte		const globalVars = {}; // speichert die Variablenwerte
	const seenVars = new Set(); // um Duplikate zu vermeiden		const seenVars = new Set(); // um Duplikate zu vermeiden
	const variableBlocks = {}; // speichert die ~~Blöcke~~ pro Variable		const variableBlocks = {}; // speichert die Blocks pro Variable

	// Leiste oben erstellen		// Leiste oben erstellen
Zeile 18:		Zeile 18:
	document.querySelector('#content').prepend(bar);		document.querySelector('#content').prepend(bar);

	// Button ~~für alle Variablen~~		// Button separat oben rechts im Content
	const applyAllBtn = document.createElement('button');		const applyAllBtn = document.createElement('button');
	applyAllBtn.textContent = '→ Auf alle anwenden';		applyAllBtn.textContent = '→ Auf alle anwenden';
	applyAllBtn.style.padding = '4px 8px';		applyAllBtn.style.padding = '4px 8px';
	applyAllBtn.style.cursor = 'pointer';		applyAllBtn.style.cursor = 'pointer';
	applyAllBtn.style.marginBottom = '~~8px~~';		applyAllBtn.style.marginBottom = '12px';
	applyAllBtn.style.border = '1px solid #888';		applyAllBtn.style.border = '1px solid #888';
	applyAllBtn.style.borderRadius = '4px';		applyAllBtn.style.borderRadius = '4px';
	applyAllBtn.style.background = '#eee';		applyAllBtn.style.background = '#eee';
	~~bar~~.~~appendChild~~(applyAllBtn);		applyAllBtn.style.float = 'right';
			document.querySelector('#content').prepend(applyAllBtn);

	function addVarOnce(varName) {		function addVarOnce(varName, defaultValue = '') {
	if (seenVars.has(varName)) return;		if (seenVars.has(varName)) return;
	seenVars.add(varName);		seenVars.add(varName);

	globalVars[varName] = '';		globalVars[varName] = defaultValue;

	const lbl = document.createElement('label');		const lbl = document.createElement('label');
Zeile 47:		Zeile 48:
	const inp = document.createElement('input');		const inp = document.createElement('input');
	inp.type = 'text';		inp.type = 'text';
	inp.value = '';		inp.value = defaultValue;
	inp.dataset.varId = varName;		inp.dataset.varId = varName;
	inp.style.width = '120px';		inp.style.width = '120px';
Zeile 66:		Zeile 67:
	while ((match = regex.exec(pre.textContent)) !== null) {		while ((match = regex.exec(pre.textContent)) !== null) {
	const varName = match[1];		const varName = match[1];
	addVarOnce(varName);		const defaultValue = varName; // Standardwert = Name selbst
			addVarOnce(varName, defaultValue);

	if (!variableBlocks[varName]) variableBlocks[varName] = [];		if (!variableBlocks[varName]) variableBlocks[varName] = [];
Zeile 75:		Zeile 77:
	// Button-Event für alle Variablen		// Button-Event für alle Variablen
	applyAllBtn.onclick = () => {		applyAllBtn.onclick = () => {
	~~// alle globalen Inputs nehmen~~
	const inputs = bar.querySelectorAll('input');		const inputs = bar.querySelectorAll('input');
	inputs.forEach(inp => {		inputs.forEach(inp => {
	const name = inp.dataset.varId;		const name = inp.dataset.varId;
	globalVars[name] = ~~inp.value~~;		const val = inp.value;
			globalVars[name] = val;

	~~// alle Blöcke updaten~~
	const blocks = variableBlocks[name] \|\| [];		const blocks = variableBlocks[name] \|\| [];
	blocks.forEach(pre => {		blocks.forEach(pre => {
	pre.textContent = pre.textContent.replace(new RegExp(`{{${name}}}`, 'g'), ~~inp.value~~);		pre.textContent = pre.textContent.replace(new RegExp(`{{${name}}}`, 'g'), val);

	// ~~auch~~ lokale Inputs in den Codeblöcken synchronisieren~~, falls du welche später einfügst~~		// lokale Inputs in den Codeblöcken synchronisieren
	const container = pre.previousSibling;		const container = pre.previousSibling;
	if (container && container.querySelector) {		if (container && container.querySelector) {
	const localInp = container.querySelector(`input[data-var-id="${name}"]`);		const localInp = container.querySelector(`input[data-var-id="${name}"]`);
	if (localInp) localInp.value = ~~inp.value~~;		if (localInp) localInp.value = val;
	}		}
	});		});

Saya am 14. Februar 2026 um 12:31 Uhr

2026-02-14T12:31:02Z

← Nächstältere Version		Version vom 14. Februar 2026, 12:31 Uhr
Zeile 1:		Zeile 1:
	mw.loader.using(['mediawiki.util']).then(function () {		mw.loader.using(['mediawiki.util']).then(function () {

	const globalVars = {}; // speichert die Variablenwerte		const globalVars = {}; // speichert die Variablenwerte
	const seenVars = new Set(); // ~~speichert, welche Variablen schon hinzugefügt wurden~~		const seenVars = new Set(); // um Duplikate zu vermeiden
	const variableBlocks = {}; // speichert ~~alle Codeblöcke~~ pro Variable		const variableBlocks = {}; // speichert die Blöcke pro Variable

	// Leiste oben erstellen		// Leiste oben erstellen
Zeile 17:		Zeile 17:
	bar.style.marginBottom = '12px';		bar.style.marginBottom = '12px';
	document.querySelector('#content').prepend(bar);		document.querySelector('#content').prepend(bar);

			// Button für alle Variablen
			const applyAllBtn = document.createElement('button');
			applyAllBtn.textContent = '→ Auf alle anwenden';
			applyAllBtn.style.padding = '4px 8px';
			applyAllBtn.style.cursor = 'pointer';
			applyAllBtn.style.marginBottom = '8px';
			applyAllBtn.style.border = '1px solid #888';
			applyAllBtn.style.borderRadius = '4px';
			applyAllBtn.style.background = '#eee';
			bar.appendChild(applyAllBtn);

	function addVarOnce(varName) {		function addVarOnce(varName) {
	if (seenVars.has(varName)) return; ~~// schon hinzugefügt~~		if (seenVars.has(varName)) return;
	seenVars.add(varName);		seenVars.add(varName);

Zeile 29:		Zeile 40:
	lbl.style.fontSize = '12px';		lbl.style.fontSize = '12px';
	lbl.style.color = '#333';		lbl.style.color = '#333';

	~~const container = document.createElement('div');~~
	~~container.style.display = 'flex';~~
	~~container.style.alignItems = 'center';~~
	~~container.style.gap = '4px';~~

	const span = document.createElement('span');		const span = document.createElement('span');
	span.textContent = varName + ':';		span.textContent = varName + ':';
	~~container~~.appendChild(span);		lbl.appendChild(span);

	const inp = document.createElement('input');		const inp = document.createElement('input');
Zeile 43:		Zeile 49:
	inp.value = '';		inp.value = '';
	inp.dataset.varId = varName;		inp.dataset.varId = varName;
	inp.style.width = '~~100px~~';		inp.style.width = '120px';
	inp.style.padding = '2px 4px';		inp.style.padding = '2px 4px';
	inp.style.border = '1px solid #ccc';		inp.style.border = '1px solid #ccc';
Zeile 49:		Zeile 55:
	inp.style.fontFamily = 'monospace';		inp.style.fontFamily = 'monospace';
	inp.style.fontSize = '12px';		inp.style.fontSize = '12px';
	~~container~~.appendChild(inp);		lbl.appendChild(inp);

	~~// Button hinzufügen~~
	~~const btn = document.createElement('button');~~
	~~btn.textContent = '→ Anwenden';~~
	~~btn.style.padding = '2px 6px';~~
	~~btn.style.fontSize = '11px';~~
	~~btn.style.cursor = 'pointer';~~
	~~btn.onclick = () => {~~
	~~globalVars[varName] = inp.value;~~
	~~// Alle Blöcke updaten~~
	~~const blocks = variableBlocks[varName] \|\| [];~~
	~~blocks.forEach(pre => {~~
	~~pre.textContent = pre.textContent.replace(new RegExp(`{{${varName}}}`, 'g'), inp.value);~~
	~~});~~
	};
	~~container.appendChild(btn~~);

	~~lbl.appendChild(container);~~
	bar.appendChild(lbl);		bar.appendChild(lbl);
	}		}

	// Alle dynamischen Codeblöcke ~~auf der Seite~~ initialisieren		// Alle dynamischen Codeblöcke initialisieren
	document.querySelectorAll('pre.dynamic-code').forEach(pre => {		document.querySelectorAll('pre.dynamic-code').forEach(pre => {
	const regex = /{{(\w+)}}/g;		const regex = /{{(\w+)}}/g;
Zeile 79:		Zeile 68:
	addVarOnce(varName);		addVarOnce(varName);

	~~// Codeblock für diese Variable merken~~
	if (!variableBlocks[varName]) variableBlocks[varName] = [];		if (!variableBlocks[varName]) variableBlocks[varName] = [];
	variableBlocks[varName].push(pre);		variableBlocks[varName].push(pre);
	}		}
	});		});

			// Button-Event für alle Variablen
			applyAllBtn.onclick = () => {
			// alle globalen Inputs nehmen
			const inputs = bar.querySelectorAll('input');
			inputs.forEach(inp => {
			const name = inp.dataset.varId;
			globalVars[name] = inp.value;

			// alle Blöcke updaten
			const blocks = variableBlocks[name] \|\| [];
			blocks.forEach(pre => {
			pre.textContent = pre.textContent.replace(new RegExp(`{{${name}}}`, 'g'), inp.value);

			// auch lokale Inputs in den Codeblöcken synchronisieren, falls du welche später einfügst
			const container = pre.previousSibling;
			if (container && container.querySelector) {
			const localInp = container.querySelector(`input[data-var-id="${name}"]`);
			if (localInp) localInp.value = inp.value;
			}
			});
			});
			};

	console.log('Globale Variablenleiste initialisiert:', Array.from(seenVars));		console.log('Globale Variablenleiste initialisiert:', Array.from(seenVars));

	});		});

Saya am 14. Februar 2026 um 12:28 Uhr

2026-02-14T12:28:15Z

← Nächstältere Version		Version vom 14. Februar 2026, 12:28 Uhr
Zeile 3:		Zeile 3:
	const globalVars = {}; // speichert die Variablenwerte		const globalVars = {}; // speichert die Variablenwerte
	const seenVars = new Set(); // speichert, welche Variablen schon hinzugefügt wurden		const seenVars = new Set(); // speichert, welche Variablen schon hinzugefügt wurden
			const variableBlocks = {}; // speichert alle Codeblöcke pro Variable

	// Leiste oben erstellen		// Leiste oben erstellen
Zeile 28:		Zeile 29:
	lbl.style.fontSize = '12px';		lbl.style.fontSize = '12px';
	lbl.style.color = '#333';		lbl.style.color = '#333';
	~~lbl~~.textContent = varName;
			const container = document.createElement('div');
			container.style.display = 'flex';
			container.style.alignItems = 'center';
			container.style.gap = '4px';

			const span = document.createElement('span');
			span.textContent = varName + ':';
			container.appendChild(span);

	const inp = document.createElement('input');		const inp = document.createElement('input');
Zeile 34:		Zeile 43:
	inp.value = '';		inp.value = '';
	inp.dataset.varId = varName;		inp.dataset.varId = varName;
	inp.style.width = '~~120px~~';		inp.style.width = '100px';
	inp.style.padding = '2px 4px';		inp.style.padding = '2px 4px';
	inp.style.border = '1px solid #ccc';		inp.style.border = '1px solid #ccc';
Zeile 40:		Zeile 49:
	inp.style.fontFamily = 'monospace';		inp.style.fontFamily = 'monospace';
	inp.style.fontSize = '12px';		inp.style.fontSize = '12px';
			container.appendChild(inp);

			// Button hinzufügen
			const btn = document.createElement('button');
			btn.textContent = '→ Anwenden';
			btn.style.padding = '2px 6px';
			btn.style.fontSize = '11px';
			btn.style.cursor = 'pointer';
			btn.onclick = () => {
			globalVars[varName] = inp.value;
			// Alle Blöcke updaten
			const blocks = variableBlocks[varName] \|\| [];
			blocks.forEach(pre => {
			pre.textContent = pre.textContent.replace(new RegExp(`{{${varName}}}`, 'g'), inp.value);
			});
			};
			container.appendChild(btn);

	lbl.appendChild(~~inp~~);		lbl.appendChild(container);
	bar.appendChild(lbl);		bar.appendChild(lbl);
	}		}

	// Alle dynamischen Codeblöcke auf der Seite ~~durchgehen~~		// Alle dynamischen Codeblöcke auf der Seite initialisieren
	document.querySelectorAll('pre.dynamic-code').forEach(pre => {		document.querySelectorAll('pre.dynamic-code').forEach(pre => {
	const regex = /{{(\w+)}}/g;		const regex = /{{(\w+)}}/g;
	let match;		let match;
	while ((match = regex.exec(pre.textContent)) !== null) {		while ((match = regex.exec(pre.textContent)) !== null) {
	addVarOnce(~~match~~[1]);		const varName = match[1];
			addVarOnce(varName);

			// Codeblock für diese Variable merken
			if (!variableBlocks[varName]) variableBlocks[varName] = [];
			variableBlocks[varName].push(pre);
	}		}
	});		});

Saya am 14. Februar 2026 um 12:24 Uhr

2026-02-14T12:24:47Z

Änderungen zeigen

Saya am 14. Februar 2026 um 12:24 Uhr

2026-02-14T12:24:11Z

Änderungen zeigen