Ich würde dir empfehlen, die mediabox nicht mehr zu verwenden, da sie schon lange outdated ist. Lade also in deiner Installation kein MooTools, sondern jQuery und benutze die Colorbox.
Um dir eine gute Lösung zu bieten müsste man den Kontext kennen. Warum möchtest du verstecktes Inline-HTML bei Bedarf anzeigen? Hört sich nach ner Tooltips-Lösung an. Footnotes oder Glossar wäre auch ein denkbarer Kontext.
Trotzdem hier mal ein Beispiel, wie man mit der Colorbox auf der Seite befindliches (ausgeblendetes) HTML anzeigen könnte.
\templates\j_colorbox-plus-inline.html5
HTML-Code:
<?php
// Add the colorbox style sheet
$GLOBALS['TL_CSS'][] = 'assets/colorbox/css/colorbox.min.css|static';
?>
<script src="<?= $this->asset('js/colorbox.min.js', 'contao-components/colorbox') ?>"></script>
<script>
jQuery(function($) {
$('a[data-lightbox]').map(function() {
$(this).colorbox({
// Put custom options here
loop: false,
rel: $(this).attr('data-lightbox'),
maxWidth: '95%',
maxHeight: '95%'
});
});
/* inline solution START */
var
inlineStyle = `
<style>
.cbInline {
cursor: help;
background-color: coral;
color: white;
}
.cbInlineContent {
display: none;
color: darkslategray;
background-color: white;
}
#colorbox .cbInlineContent {
display: block;
}
</style>
`;
$('head').append(inlineStyle);
// show inline content
$('.cbInline').map(function() {
$(this).colorbox({
// Put custom options here
inline: true,
href: '.cbInlineContent'
});
});
/* inline solution END */
});
</script>
Ist das original Template von 4.11.1 mit dem zusätzlichen Code zwischen den Kommentaren.
Das CSS sollte dann natürlich direkt in eine CSS-Datei, habe es nur hier rein gemacht um schnell mal zu testen.
Im CE-Text dann einfach das hier eintragen.
HTML-Code:
<p class="cbInline">show hidden inline content</p>
<p class="cbInlineContent">I am hidden inline content</p>
Alles was es im Template zusätzlich benötigt wäre also das hier:
PHP-Code:
$('.cbInline').map(function() {
$(this).colorbox({
inline: true,
href: '.cbInlineContent'
});
});
Hier noch die Doku zu den Einstellungen der Colorbox https://www.jacklmoore.com/colorbox/