WP-Syntax Plugin: CSS Code

Hier auf iFail.ch benutzen wir das Plugin WP-Syntax zum darstellen von Code-Schnipsel. Das Plugin wurde jedoch am Anfang nicht korrekt dargestellt und der Text lief aus dem Content-Div in die Sidebar hinüber. Der folgende CSS-Code behob das Problem, ich hoffe es ist für jemand anderes auch hilfreich.

style.css

.wp_syntax {
color: #100;
background-color:  #f9f9f9;
border:  1px solid silver;
margin:  0 0 1.5em 0;
overflow:  auto;
}
 
/* IE FIX  */
.wp_syntax {
overflow-x: auto;
overflow-y: hidden;
padding-bottom:  expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
width: 100%;
}
 
.wp_syntax table {
border-collapse:  collapse;
}
 
.wp_syntax div, .wp_syntax td {
vertical-align:  top;
padding:  2px 4px;
}
 
.wp_syntax .line_numbers {
text-align:  right;
background-color:  #def;
color: gray;
overflow:  visible;
}
 
/*  potential overrides for other styles */
.wp_syntax pre {
margin:  0;
width: auto;
float: none;
clear: none;
overflow:  visible;
}

WP-Syntax besitzt noch einen Bug, welcher dazu führt, dass das Sonderzeichen “>” nicht korrekt dargestellt wird, sondern in der HTML Schreibweise “>”. Um diesen Fehler zu beheben, muss man im Plugin Quellcode folgende Änderungen machen.

wp-syntax.php

//$geshi = new GeSHi($code, $language); // Dies ist der Standardquellcode, diesen einfach auskommentieren.
$geshi = new GeSHi(htmlspecialchars_decode($code), $language);

Falls der Server, auf dem der Blog läuft, eine ältere PHP-Version als 5.1 verwendet, muss folgender Code verwendet werden.

if (!function_exists("htmlspecialchars_decode")) {
   function  htmlspecialchars_decode($string, $quote_style = ENT_COMPAT) {
      return strtr($string,  array_flip(get_html_translation_table(HTML_SPECIALCHARS, $quote_style)));
   }
}

Vielen Dank an den Ersteller dieser Anleitung: Quelle

vor 781 Tagen
View Comments

Kommentare deaktiviert.

blog comments powered by Disqus