add support for data-trim attribute on code elements (closes #419)

This commit is contained in:
Hakim El Hattab 2013-04-27 15:50:33 -04:00
parent 07d0ed8ba6
commit a764c21cd1
3 changed files with 19 additions and 12 deletions

View file

@ -332,11 +332,11 @@ Reveal.addEventListener( 'fragmenthidden', function( event ) {
### Code syntax highlighting
By default, Reveal is configured with [highlight.js](http://softwaremaniacs.org/soft/highlight/en/) for code syntax highlighting. Below is an example with clojure code that will be syntax highlighted:
By default, Reveal is configured with [highlight.js](http://softwaremaniacs.org/soft/highlight/en/) for code syntax highlighting. Below is an example with clojure code that will be syntax highlighted. When the `data-trim` attribute is present surrounding whitespace is automatically removed.
```html
<section>
<pre><code>
<pre><code data-trim>
(def lazy-fib
(concat
[0 1]

View file

@ -208,7 +208,8 @@
<p>
Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
</p>
<pre><code contenteditable style="font-size: 18px; margin-top: 20px;">Reveal.addEventListener( 'customevent', function() {
<pre><code data-trim contenteditable style="font-size: 18px; margin-top: 20px;">
Reveal.addEventListener( 'customevent', function() {
console.log( '"customevent" has fired' );
} );
</code></pre>
@ -228,7 +229,7 @@
<section>
<h2>Pretty Code</h2>
<pre><code contenteditable>
<pre><code data-trim contenteditable>
function linkify( selector ) {
if( supports3DTransforms ) {

File diff suppressed because one or more lines are too long