Commit a764c21c authored by Hakim El Hattab's avatar Hakim El Hattab
Browse files

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

parent 07d0ed8b
......@@ -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]
......
......@@ -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 ) {
......
This diff is collapsed.
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment