if1live / pelican-jsfiddle

Easily embed JSFiddle in your Pelican articles

pelican-jsfiddle

Easily embed JSFiddle in your Pelican articles.

Installation

To install pelican-jsfiddle, simply install it from PyPI:

$ pip install pelican-jsfiddle

Then enabled it in your pelicanconf.py

PLUGINS = [
    # ...
    'pelican_jsfiddle',
    # ...
]

Usage

In your article or page, you simply need to add a line to embed your JSFiddle.

.. jsfiddle:: FIDDLE_ID

Which will result in:

<div class="jsfiddle">
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="300" src="http://jsfiddle.net/<FIDDLE_ID>/embedded/js,resources,html,css,result/light/" width="100%">
</iframe>
</div>

Additional arguments

You can also specify a width, height, tabs and skin.

.. jsfiddle:: if1live/V2P28
    :width: 100%
    :height: 300
    :tabs: js,resources,html,css,result
    :skin: light

Which will result in:

<div class="jsfiddle">
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="300" src="http://jsfiddle.net/if1live/V2P28/embedded/js,resources,html,css,result/light/" width="100%">
</iframe>
</div>