基本编辑器
CodeMirror 是一个灵活的文本代码编辑器。它是专门用于编辑代码,并附带一些语言模块和插件,实现更先进的编辑功能。
// 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);
});
}
主题示例
CodeMirror提供丰富的API接口和CSS主题,详情请访问
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();
}
$(document).ready(function () {
var editor_one = CodeMirror.fromTextArea(document.getElementById("code1"), {
lineNumbers: true,
matchBrackets: true,
styleActiveLine: true,
theme: "ambiance"
});
var editor_two = CodeMirror.fromTextArea(document.getElementById("code2"), {
lineNumbers: true,
matchBrackets: true,
styleActiveLine: true
});
});
一键复制
编辑
Web IDE
原始数据
按行查看
历史