Run Kotlin Code
Component that creates Kotlin-aware editors capable of running code from HTML block elements.
Installation
Use our CDN
Insert a <script>
element into your page and specify what elements should be converted in its data-selector
attribute.
Or, if you need to separate process of loading/conversion, omit the data-selector
attribute and use a second <script>
element like this:
Host your own instance
Install KotlinRunCode as dependency via NPM.
npm install kotlin-runcode -S
And then just use it in your code.
// ES5var runcode = ; document; // ES6; document;
Customizing editors
Use the following attributes on elements that are converted to editors to adjust their behavior.
-
data-min-compiler-version
: Minimum target Kotlin compiler version:/*Your code here*/ -
data-target-platform
: target platform:js
orjava
(default)./*Your code here*/ -
data-highlight-only
: Read-only mode, with only highlighting./*Your code here*/Or, you can make only a part of code read-only by placing it between
//sampleStart
and//sampleEnd
markers://sampleStartfun sum(a: Int, b: Int): Int {return a + b}//sampleEndfun main(args: Array) {print(sum(-1, 8))} -
data-js-libs
: By default component loads jQuery and makes it available to the code running in the editor. If you need any additional JS libraries, specify them as comma-separated list in this attribute./*Your code here*/
Supported keyboard shortcuts
- Ctrl+Space — code completion
- Ctrl+Alt+L/Cmd+Alt+L — format code
- Shift+Tab — decrease indent
Develop and contribute
- Fork & clone our repository.
- Install required dependencies
npm install
. npm start
to start local development server at http://localhost:9000, ornpm start -- --env.webDemoUrl=http://localhost:6666
if you want a different port.npm run build
to create production bundles.