Skip to content

Instantly share code, notes, and snippets.

@darcyliu darcyliu/ace_editor.html
Last active May 23, 2016

What would you like to do?
Ace code editor
<!DOCTYPE html>
<html lang="en">
<title>ACE in Action</title>
<link rel="stylesheet" type="text/css" href="">
<style type="text/css" media="screen">
#editor {
margin: 10px 0;
height: 300px;
border-radius: 3px;
<div class="container">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Editor</h3>
<div class="panel-body">
<div id="editor">#include&lt;stdio.h&gt;
int main(){
printf("Hello world!\n");
return 0;
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<div class="text-center">---End of editor---</div>
<script src="" type="text/javascript" charset="utf-8"></script>
var editor = ace.edit("editor");
name: "showSettingsMenu",
bindKey: {win: "Ctrl-q", mac: "Command-q"},
exec: function(editor) {
readOnly: true
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.