Code Editor - Code Mirror

Code Editor - Basic example

CodeMirroris a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced editing functionality.

 
1
   // Code goes here    // For demo purpose - animation css script    function animationHover(element, animation){        element = $(element);        element.hover(                function(){                    element.addClass('animated ' + animation);                },                function(){                    //wait for animation to finish before removing classes                    window.setTimeout( function(){                        element.removeClass('animated ' + animation);                    }, 2000);                });    }
Code Editor - Theme Example

A rich programming API and a CSS theming system are available for customizing CodeMirror to fit your application, and extending it with new functionality. For mor info go to http://codemirror.net/

1
 
1
   var SpeechApp = angular.module('SpeechApp', []);    function VoiceCtrl($scope)        $scope.said='...';        $scope.helloWorld = function()            $scope.said = "Hello world!";        }        $scope.commands =            'hello (world)': function()                if (typeof console !== "undefined") console.log('hello world!')                $scope.$apply($scope.helloWorld);            },            'hey': function()                if (typeof console !== "undefined") console.log('hey!')                $scope.$apply($scope.helloWorld);            }        };        annyang.debug();        annyang.init($scope.commands);        annyang.start();    }