path param codetabs

Include multiple languages code block to your GitBook (for example when documenting an API).

!Preview

$3

Adds the plugin to your book.json, then run gitbook install if you are building your book locally.

``js
{
"plugins": ["path-params-codetabs"]
}
`

$3

In order to highlight path parameters, change {% codetabs %} to {% pathCodetabs %}, then cover up the parameter with {}.
`md
{% pathCodetabs name="CURL", type="bash" -%}
curl -X POST http://genius.genie.ggg/abc/{userId}/{HelloCount}/hey
{% endcodetabs %}
`
Highlight Path Parameter Example

$3


`md

This is a code block with tabs for each languages:

{% pathCodetabs name="Python", type="py" -%}
msg = "Hello World"
print msg
{%- language name="JavaScript", type="js" -%}
var msg = "Hello World";
console.log(msg);
{%- endpathCodetabs %}
`

$3

For languages using syntax like {{, {%; we have to escape these content:


`md
Here is some angular and react code

{% codetabs name="Python", type="py" -%}
{% raw %}


Hello {{yourName}}!


{% endraw %}
{%- language name="React", type="js" -%}
var React = require('react')
{%- endcodetabs %}
``