|
@@ -11,8 +11,12 @@ |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#editor { |
|
|
|
|
|
margin-top: 30px; |
|
|
|
|
|
|
|
|
.toolbar { |
|
|
|
|
|
background-color: #222; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.inner { |
|
|
|
|
|
margin-top: 32px; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 0; |
|
|
top: 0; |
|
|
bottom: 0; |
|
|
bottom: 0; |
|
@@ -22,14 +26,12 @@ |
|
|
</style> |
|
|
</style> |
|
|
</head> |
|
|
</head> |
|
|
<body> |
|
|
<body> |
|
|
<div class="wrapper"> |
|
|
|
|
|
<!--<div class="toolbar"> |
|
|
|
|
|
<button id="btnSave" class="btn btn-primary btn-xs">save</button> |
|
|
|
|
|
<button id="btnUndo" class="btn btn-primary btn-xs">undo</button> |
|
|
|
|
|
<button id="btnRedo" class="btn btn-primary btn-xs">redo</button> |
|
|
|
|
|
</div>--> |
|
|
|
|
|
<div class="inner" id="editor"></div> |
|
|
|
|
|
|
|
|
<div class="toolbar"> |
|
|
|
|
|
<button id="btnSave" class="btn btn-primary btn-xs">save</button> |
|
|
|
|
|
<button id="btnUndo" class="btn btn-primary btn-xs">undo</button> |
|
|
|
|
|
<button id="btnRedo" class="btn btn-primary btn-xs">redo</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="inner" id="editor"></div> |
|
|
|
|
|
|
|
|
<script src="src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script> |
|
|
<script src="src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script> |
|
|
<script> |
|
|
<script> |
|
@@ -37,7 +39,7 @@ |
|
|
var editor = ace.edit("editor"); |
|
|
var editor = ace.edit("editor"); |
|
|
editor.setOptions({ |
|
|
editor.setOptions({ |
|
|
mode: "ace/mode/text", |
|
|
mode: "ace/mode/text", |
|
|
theme: "ace/theme/twilight", |
|
|
|
|
|
|
|
|
theme: "ace/theme/ambiance", |
|
|
showPrintMargin: false, |
|
|
showPrintMargin: false, |
|
|
wrap: true, |
|
|
wrap: true, |
|
|
indentedSoftWrap: true, |
|
|
indentedSoftWrap: true, |
|
|