pelican-jsfiddle

Easily embed JSFiddle in your articles


Keywords
pelican, jsfiddle, plugin
License
MIT
Install
pip install pelican-jsfiddle==0.1.0

Documentation

pelican-jsfiddle

https://travis-ci.org/if1live/pelican-jsfiddle.svg?branch=master https://coveralls.io/repos/if1live/pelican-jsfiddle/badge.png https://requires.io/github/if1live/pelican-jsfiddle/requirements.png?branch=master https://landscape.io/github/if1live/pelican-jsfiddle/master/landscape.png

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>