MondoKode-Zoomer provides an overlay window for kode formatted with the wp_syntax plugin.

<p>MondoKode-Zoomer was created for blogs that have a narrow reading column but will<br />
be embedding code using the wp_syntax plugin.  A narrow column is a pleasure to read<br />
and there is a reason for this.</p>
<blockquote>
<p>“That’s why newspapers have narrow columns: It makes them faster to read.”</p>
</blockquote>
<ul>
<li>Amar Sagoo <a href="http://amarsagoo.info/tofu/" rel="nofollow ugc">Tofu web page</a></li>
</ul>
<p>However, it is a nuissance to have a narrow width constraint when presenting kode.  I’ve caught myself<br />
reformatting kode on numerous occasions in hope of eliminating the horizontal scrollbar.<br />
With this plugin you can spend more time sharing kode and less time formatting it for a skinny column.</p>
<h3>Basic Usage</h3>
<p>Add a zoom attribute to a pre block that wp_syntax formats.  Valid values for the<br />
attribute are “yes” and “no”.</p>
<pre><code> <pre lang="LANGUAGE" zoom="yes"> 
</code></pre>
<p>The attribute is not required. When it is not present zoom is not enabled.</p>
<h3>Wp-syntax Changes</h3>
<p>To allow wp_syntax and MondoKode-zoomer to play nicely you need to use the version of wp-syntax.php<br />
provided with this plugin.  The changes to the file are listed here, do a diff comparison with the<br />
original to see the changes in detail.</p>
<ol>
<li>zoom is added as a supported attribute in $allowedposttags and $allowedtags.</li>
<li>The regular expression in the wp_syntax_before_filter function has been modified to allow the zoom attributed. </li>
<li>In the wp_syntax_highlight function some logic was added to add the wp_syntax_zoom css class to<br />
a div block if zoom was enabled.</li>
</ol>
<h3>Usage</h3>
<p>Use regular wp-syntax formatting commands but add the zoom attribute if you want the kode to zoom.<br />
It’s that simple.</p>
<p><strong>Example 1: Enabling zoom</strong></p>
<pre><code><pre lang="php" zoom="yes">
<div id="foo">
<?php
  function foo() {
    echo "Hello World!\\n";
  }
?>
</div>
</pre>
</code></pre>
<p><strong>Example 2: Explicitly disabling zoom</strong></p>
<pre><code><pre lang="java" zoom="no" >
public class Hello {
  public static void main(String[] args) {
    System.out.println("Hello World!");
  }
}
</pre>
</code></pre>
<p><strong>Example 3: Zoom is implicity disabled because the attribute does not exist</strong></p>
<pre><code><pre lang="ruby" line="18">
class Example
  def example(arg1)
    return "Hello: " + arg1.to_s
  end
end
</pre>
</code></pre>


Alternatives to MondoKode-Zoomer

Top alternatives