PHP Info in Bootstrap Design integrieren

Anleitung 2 Gateways

Ich spiele derzeit ein wenig mit dem Bootstrap 4 rum um mir ein kleines Webinterface zu bauen und dabei musste ich öfter mal die PHP Info aufrufen um configs zu testen etc.

Das ging mir ziemlich auf die nerven jedes Mal aus dem Webinterface heraus zu müssen und die PHP Info Seite aufzurufen.

Also wollte ich es einfach direkt ins Webinterface integrieren, ist ja eigentlich kein Ding.

Ich integrierte also die PHP info ganz normal mit 

<?PHP
phpinfo ();
?>

Was fällt mir auf? Es zerschießt das gesamte Design mit weißen Feldern, nicht mehr funktionierendem js usw.

php-info-ohne-bootstrap

Zu sehen hier die weißen flecken im Header und Navi und der andere Schriftstyle

 

Das war so natürlich nicht geplant und es sollte einfach nur die PHP Info ausgegeben werden ohne alles andere kaputt zu machen.

Ich suchte also und wurde auch fündig 🙂 

 

Wenn man die PHP Info so einfügt 

<?php
ob_start();
phpinfo();
$phpinfo = ob_get_clean();
# Body-Content der php info holen
$phpinfo = preg_replace('#^.*<body>(.*)</body>.*$#s', '$1', $phpinfo);
# XHTML-Fehler Korrekturen
$phpinfo = str_replace('module_Zend Optimizer', 'module_Zend_Optimizer', $phpinfo);
# Schrift anpassen
$phpinfo = str_replace('<font', '<span', $phpinfo);
$phpinfo = str_replace('</font>', '</span>', $phpinfo);
#Tabelle bauen
$phpinfo = str_replace( 'border="0" cellpadding="3"', 'class="table table-bordered table-striped" style="table-layout: fixed;word-wrap: break-word;"', $phpinfo );
$phpinfo = str_replace('<tr class="h"><th>', '<thead><tr><th>', $phpinfo);
$phpinfo = str_replace('</th></tr>', '</th></tr></thead><tbody>', $phpinfo);
$phpinfo = str_replace('</table>', '</tbody></table>', $phpinfo);
# Schriftfarbe der Schlüsselwörter in rot und grün ausgeben
$phpinfo = preg_replace('#>(on|enabled|active)#i', '><span class="text-success">$1</span>', $phpinfo);
$phpinfo = preg_replace('#>(off|disabled)#i', '><span class="text-error">$1</span>', $phpinfo);

echo '<div id="phpinfo">';
echo $phpinfo;
echo '</div>';
?>

wird weder etwas zerschossen noch sonst eine Funktion beeinträchtigt.

php-info-mit-bootstrap

Man sieht hier ganz klar die Navi ist so wie sie soll, die Schriften sind so wie sie sollen und es wird nix zerhauen oder durch die schlampig codierte PHP Info zerhauen.

Damit konnte ich die PHP Info also direkt in mein Projekt integrieren ohne irgendwas kaputt zu machen 🙂 

Natürlich kann man sich das auch direkt ansehen und zwar hier:

PHP Info mit und ohne Bootstrap

Hier kann der Quellcode beider Dateien runtergeladen werden:

Download phpinfo-bootstrap.rar

Share it!Share on FacebookEmail this to someoneShare on Google+Tweet about this on Twitter
2 Kommentare

    Gabriel

    Sehr schön und praktisch! – Ich hatte gerade das selbe Bedürfnis und habe mich gefreut diese Lösung gefunden zu haben!

      Andre

      Freut mich wenn es geholfen hat 😉

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

*
*