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-code-editor --save
{
"plugins": [ "code-editor"]
}
{% codeeditor src='../HTML/4Elements/forms/select.html' %}
{% endcodeeditor %}
{% codeeditor src='../HTML/4Elements/forms/input.html',
language='javascript', readOnly='true', theme='github' %}
{% endcodeeditor %}
{% codeeditor src='../HTML/4Elements/forms/meter.html' %}
{% endcodeeditor %}
src
required - The relative path to the file that will be displayed in the editor and run in page.singleTab
optional - Can be set tofalse
,html
,result
. Ifhtml
orresult
, only that tab will be shown.- default:
false
- 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
MIT License
© 2016 ZingChart, Inc.