console API starts to work...

app/views/editors/KeyframeView.html

@@ -87,6 +87,7 @@
         height: 100%;
         display: grid;
         grid-template-rows: auto minmax(3em, 30%);
+        padding: 0.2em 0.2em 0 0.2em;
     }
     .kf-editor .kfArena bz-slidepane div.commandline{
         grid-template-columns: auto 3em;
@@ -105,6 +106,24 @@
         border-radius: 10px;
         max-height: 3em;
     }
+    .kf-editor .kfArena .inner-console .results{
+        max-height: 100%;
+        overflow: scroll;
+    }
+
+    .kf-editor .kfArena .inner-console .results h1{
+        font-size: 1.5em;
+        margin: 0;
+        padding: 0 .5em 0 .5em;
+        background-color: #473;
+        color: white;
+    }
+    .kf-editor .kfArena .inner-console .results .error{
+        border-top: 1px solid red;
+        border-bottom: 1px solid red;
+        background-color: #FDD;
+        color: black;
+    }
 </style>
 <div class="kf-editor cols-3">
     <article eiccard class="left-pane">
@@ -125,10 +144,13 @@
             <bz-slidepane side="bottom" data-output="console">
                 <div class="inner-console">
                     <div class="results" data-output="results">
-                        JS 3D Console. for help, type "help"
+                        <div class="title">Javascript Keyframe console</div>
+                        Special commands:<br>
+                        "&#92;help" for help & API<br>
+                        "&#92;clear" to clear results<br>
                     </div>
                     <div class="cols-2 commandline">
-                        <textarea type="text" data-output="commands"></textarea>   
+                        <textarea type="text" data-output="commands" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false"></textarea>   
                         <button eicbutton class="icon-play" data-trigger="execCommand"></button>
                     </div>      
                 </div>