MondoKode-Zoomer provides an overlay window for kode formatted with the
[wp_syntax](http://wordpress.org/extend/plugins/wp-syntax/) plugin.
| Author: | Matthieu Cormier (profile at wordpress.org) |
| WordPress version required: | 2.8 |
| WordPress version tested: | 2.8 |
| Plugin version: | 0.1 |
| Added to WordPress repository: | 06-07-2009 |
| Last updated: | 06-07-2009
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
| Rating, %: | 0 |
| Rated by: | 0 |
| Plugin URI: | http://todo--createURL |
| Total downloads: | 908 |
 Click to start download |
|
MondoKode-Zoomer was created for blogs that have a narrow reading column but will
be embedding code using the wp_syntax plugin. A narrow column is a pleasure to read
and there is a reason for this.
“That’s why newspapers have narrow columns: It makes them faster to read.”
- Amar Sagoo Tofu web page
However, it is a nuissance to have a narrow width constraint when presenting kode. I’ve caught myself
reformatting kode on numerous occasions in hope of eliminating the horizontal scrollbar.
With this plugin you can spend more time sharing kode and less time formatting it for a skinny column.
Basic Usage
Add a zoom attribute to a pre block that wp_syntax formats. Valid values for the
attribute are “yes” and “no”.
<pre lang="LANGUAGE" zoom="yes">
The attribute is not required. When it is not present zoom is not enabled.
Wp-syntax Changes
To allow wp_syntax and MondoKode-zoomer to play nicely you need to use the version of wp-syntax.php
provided with this plugin. The changes to the file are listed here, do a diff comparison with the
original to see the changes in detail.
- zoom is added as a supported attribute in $allowedposttags and $allowedtags.
- The regular expression in the wp_syntax_before_filter function has been modified to allow the zoom attributed.
- In the wp_syntax_highlight function some logic was added to add the wp_syntax_zoom css class to
a div block if zoom was enabled.
Usage
Use regular wp-syntax formatting commands but add the zoom attribute if you want the kode to zoom.
It’s that simple.
Example 1: Enabling zoom
<pre lang="php" zoom="yes">
<div id="foo">
<?php
function foo() {
echo "Hello World!\\n";
}
?>
</div>
</pre>
Example 2: Explicitly disabling zoom
<pre lang="java" zoom="no" >
public class Hello {
public static void main(String[] args) {
System.out.println("Hello World!");
}
}
</pre>
Example 3: Zoom is implicity disabled because the attribute does not exist
<pre lang="ruby" line="18">
class Example
def example(arg1)
return "Hello: " + arg1.to_s
end
end
</pre>
FAQ
ChangeLog