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 details)

Uploaded Source

File details

Details for the file pelican-jsfiddle-0.1.0.tar.gz.

File metadata

File hashes

Hashes for pelican-jsfiddle-0.1.0.tar.gz
Algorithm Hash digest
SHA256 2225732a755838e15aa4f535c3d6eabe90a04cf61c6044e4b23ff43d370c6532
MD5 6449b1465f0d1c42a0d147d810b58fc3
BLAKE2b-256 eebf8a45c889fc8691e87052df9726d083f5155b74926dfe8b76ee7634f658b9

See more details on using hashes here.

Supported by

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