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": ["codetabs"]
}
`

$3

`md

This is a code block with tabs for each languages:

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

$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 %}
``