Um dieses Beispiel zu realisieren, gibt es zahlreiche Wege. Das Element (z. B. ein div-Container) kann in einem Content-Element erstellt werden, rein mit TypoScript oder auch mittels einer Extension. Mit folgendem TypoScript- und JavaScript-Code kann man jedes Content-Element vergrößern und verkleinern lassen:

tt_content.stdWrap.wrap = <div class="ce">|</div>

Jedes Content-Element wird von einem div-Container mit dem Attribut class="ce" umschlossen.

window.addEvent('domready', function(){
	var list = $$('.ce');
	list.each(function(element) {
		element.makeResizable();
	});
});

Mittels Selektor wird die Funktion „makeResizeable()“ jedem Element mit der Klasse „ce“ übergeben. Mit dem Wechsel von „element.makeResizable();“ zu „element.makeDraggable();“ lassen sich die Elemente auf der Seite verschieben – mit nur einer geänderten Zeile.

Mit TYPO3 lässt sich das Beispiel nach Belieben weiter ausreizen. So wäre beispielsweise eine zusätzliche Checkbox denkbar, die aktiviert sein muss, um einem Content-Element die Resize-Funktionalität zu geben.