Skip to main content

Easily embed JSFiddle in your articles

Project description

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>

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

pelican-jsfiddle-0.1.0.tar.gz (3.7 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page