gitbook-plugin-jsfiddle

1.0.3 • Public • Published

Build Status

JSFiddle integration for GitBook

1. You can use install it via NPM and save it to package.json:

$ npm install gitbook-plugin-jsfiddle --save

2. add the plugin to book.json config

{
    "plugins": [ "jsfiddle"],
    "pluginsConfig": {
          "jsfiddle":{
            "type":"script",
            "tabs":["result","js","css", "html"],
            "height": "500",
            "width": "500",
            "fontColor": "00FF00"
          }
    }
}

Param type can be 'frame' or 'script'.

Also you can use other params.

If you need to override setting for certain fiddle, you can just add this param in hash https://jsfiddle.net/4o4z6fqn/9/#fontColor=00FF00&type=frame

3. paste jsfiddle embedded code to you book something like

[source code](https://jsfiddle.net/4o4z6fqn/9/)

will be rendered like my book does.

Also you can see simple example in https://github.com/Mavrin/gitbook-example

/gitbook-plugin-jsfiddle/

    Package Sidebar

    Install

    npm i gitbook-plugin-jsfiddle

    Weekly Downloads

    0

    Version

    1.0.3

    License

    MIT

    Unpacked Size

    26.8 kB

    Total Files

    16

    Last publish

    Collaborators

    • mavrin