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

Readme

Keywords

Package Sidebar

Install

npm i gitbook-plugin-jsfiddle

Weekly Downloads

2

Version

1.0.3

License

MIT

Unpacked Size

26.8 kB

Total Files

16

Last publish

Collaborators

  • mavrin