skulpt-console

``
______ __ __ _____ __
/ __/ /____ __/ /__ / /_ ____ / ___/__ ___ ___ ___ / /__
_\ \/ '_/ // / / _ \/ __/ /___/ / /__/ _ \/ _ \(_-/___/_/\_\\_,_/_/ .__/\__/ \___/\___/_//_/___/\___/_/\__/
/_/
`

--------------------------------------------------------------------
Polymer component wrapping Skulpt and CodeMirror

What is this?

Skulpt-Console is a web component built with Polymer that wraps Skulpt and CodeMirror in a text editor.

Installation and usage

Install it with:
#### npm
npm i --save skulpt-console
#### bower
bower install --save skulpt-console

In your html file import the component and just drop the tag. You'll need a and a

 tag with ids to output the result.
`html
...

    


    
    import turtle
    t = turtle.Turtle()
    for c in ['red', 'green', 'yellow', 'blue', 'lime']:
        t.color(c)
        t.forward(72)
        t.left(72)
    
    

    

`
Skulpt-Console expects the pre element do be identified as 'output' and the canvas as 'canvas'. You can change the names passing the id to it.
`html
    
        ...
    
    

    

`
$3

You need this hack to refresh the editors on your site.
`html

``
Next features:

* [ ] Create an output element
* [ ] Console mode (as seen on skulpt.org)
Contributing

Feel free to contribute by sendig a PR.