Added documentation for jsfiddle tag

This commit is contained in:
Frederic Hemberger 2011-09-26 12:41:40 +02:00
parent 2f07c2f0c9
commit 64ee87a966
2 changed files with 39 additions and 0 deletions

View File

@ -14,6 +14,7 @@ Octopress ships with the following plugins. Many have been written specially for
- [Code Block](/docs/plugins/codeblock/) - *for sharing code with titles and links*
- [Include Code](/docs/plugins/include-code/) - *embed code from your filesystem with a download link*
- [Gist Tag](/docs/plugins/gist-tag/) - *automatically downloads and embeds Github gists*
- [jsFiddle](/docs/plugins/jsfiddle-tag/) - *embeds code from jsFiddle*
- [Image Tag](/docs/plugins/image-tag/) - *easily post images with class names and titles*
- [Render Partial](/docs/plugins/render-partial/) - *insert any file into another post or page*
- [Block Quote](/docs/plugins/blockquote/) - *generate beautiful, semantic block quotes*

View File

@ -0,0 +1,38 @@
---
layout: page
title: "jsFiddle Tag"
date: 2011-09-26 12:33
sidebar: false
footer: false
---
All you need is the fiddle's id and you can easily embed it in your page.
#### Syntax
{{ "{% jsfiddle shorttag [tabs] [skin] [height] [width]" }} %}
#### Example
{{ "{% jsfiddle ccWP7" }} %}
{% jsfiddle ccWP7 %}
#### Adjusting Tabs
Its possible to easily adjust the display order of the tabs. In this case, Im moving the result to be the first item shown.
{{ "{% jsfiddle ccWP7 result,js,html,css" }} %}
{% jsfiddle ccWP7 result,js,html,css %}
#### Presentation: Skin
We can easily adjust the skin. Right now, it looks like light and presentation are really the only supported options, but if jsFiddle announces new options, you can start using them immediately.
{{ "{% jsfiddle ccWP7 default presentation" }} %}
{% jsfiddle ccWP7 default presentation %}
This plugin was developed by [Brian Arnold](http://brianarn.github.com/blog/2011/08/jsfiddle-plugin/).