add support for data-trim attribute on code elements (closes #419)
This commit is contained in:
parent
07d0ed8ba6
commit
a764c21cd1
@ -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 ) {
|
||||
|
||||
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user