电脑螺旋丸html,code_editor.html

- 代码编辑器

基本编辑器

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主题，详情请访问

http://codemirror.net/

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

原始数据

按行查看

历史