Block Einstellungen als Attribut setzen

Im Backend wird für jeden Block ein umschließendes DIV Element im HTML eingefügt. Dies ist technisch für die Block spezifischen Bedienelemente im Backend notwendig. Im Frontend wird dieses DIV Element nicht eingefügt.

Falls so ein Block Einstellungen besitzt, die das HTML des Blocks ändern oder erweitern, können eventuell bestimmte CSS Selektoren im Backend nicht greifen und funktionieren nur im Frontend.

Es gibt dafür die Möglichkeit die Werte der Block Einstellungen als data-edit-option-* Attribut auf dieses DIV Element im Backend zu setzen. So können Sie über eine admin.css, die nur im Backend eingebunden wird, alternative CSS Selektoren für das Backend definieren.

{ "panel": { "options": { "foobar": "extra.foobar" } } }

In diesem Beispiel wird das Attribut data-edit-option-foobar gesetzt, mit dem Wert, der in den Block Einstellungen für ein Input Plugin mit name="foobar" gesetzt ist. Sollte es keinen Wert geben, wird auch das Attribut nicht gesetzt.