StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Here is an example of how the php implementation of Mustache works. Of note is that Mustache.php will <strong>not</strong> expand the included partials/templates, so you have to hand them to mustache as seen below. This example was pieced together on an older cakephp framework.</p> <pre><code><? # php cannot recognize multiple acceptable file extensions for partials, # so toggle it to mustache's extension $this->ext = '.mustache'; # Mustache says it's logic-less, but that's not exactly true. # Render out the basic header which calls the logo partial and has # a {{# logged_in? }} condition which dictates which user box we # show. Thus, we need to render out the html for both the logged in # and logged out user boxes $basic_header_html = $this->renderElement('basic_header'); $logo = $this->renderElement('shared/logo'); $logged_in = $this->renderElement('shared/logged_in_user_box'); $logged_out = $this->renderElement('shared/logged_out_user_box'); $m = new Mustache($basic_header_html, array('logged_in?' => !empty($this->Auth->userData), 'cache_buster' => time(), 'display_name' => 'StackOverflow Customer'), array('shared/logo' => $logo, 'shared/logged_in_user_box' => $logged_in, 'shared/logged_out_user_box' => $logged_out)); ?> <!DOCTYPE html> <html> <head> <title>Mustache Test</title> </head> <body> <?= $m->render(); ?> </body> </html> </code></pre> <p><strong>basic_header.mustache</strong></p> <pre><code><div id="header" class="basic"> {{> shared/logo }} {{# logged_in? }} {{> shared/logged_in_user_box }} {{/ logged_in? }} {{^ logged_in? }} {{> shared/logged_out_user_box }} {{/ logged_in? }} </div> </code></pre> <p><strong>shared/logo.mustache</strong></p> <pre><code><a class="logo" href="/foo/bar"><img alt="" src="/images/logo.png?{{ cache_buster }}" /></a> </code></pre> <p><strong>shared/logged_in_user_box.mustache</strong></p> <pre><code>Hello {{display_name}}, you are logged in. </code></pre> <p><strong>shared/logged_out_user_box.mustache</strong></p> <pre><code>Hello. You are not logged in. </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload