This plugin is no longer maintained. It will not work with newer versions of GitBook. This repository exists purely for historical reasons. No further updates will be made.
$ npm install gitbook-plugin-include-display-run --save
{
"plugins": [ "include-display-run"]
}
{% displayrun src='../HTML/4Elements/forms/select.html' %}
{% enddisplayrun %}
{% displayrun src='../HTML/4Elements/forms/input.html', display='editor',
language='javascript', readOnly='true', theme='github' %}
{% enddisplayrun %}
{% displayrun src='../HTML/4Elements/forms/meter.html', display='run' %}
{% enddisplayrun %}
src
required - The relative path to the file that will be displayed in the editor and run in page.display
optional - Indicates how the code is included in the page. Options are:['both', 'editor', 'run']
- default:
both
- default:
separator
optional - Any text/HTML that should be used between the editor and the executed code if thedisplay
option is set toboth
- default:
<hr>
- default:
We are using an ACE editor for the editor. We currently support the following attributes.
language
optional - Sets the programming language mode to be used in the syntax highlighter. The full list of supported languages can be found in the Ace Editor Repository.- default:
html
- default:
theme
optional - Sets the Ace Editor Theme. The full list of supported themes can be found in the Ace Editor Repository.- default:
chrome
- default:
readOnly
optional - If set totrue
, the editor will not be editable.- default:
false
- default:
maxLines
optional - Sets the maximum number of lines that will be visible in the editor.- default: 25
The executed code displays in an iframe in order to preserve any items in the <head>
that may be necessary for the example.
height
optional - Sets the height of the iframe- default: 300
runStyle
optional - Sets the style of the iframe element- default:
border:0
- default:
MIT License
© 2016 ZingChart, Inc.