1 changed files with 21 additions and 132 deletions
Unified View
Diff Options
-
+21 -132ace/index.html
+ 21
- 132
ace/index.html
View File
| @@ -7,140 +7,30 @@ | |||||
| <meta name="HandheldFriendly" content="True" /> | <meta name="HandheldFriendly" content="True" /> | ||||
| <title>Editor</title> | <title>Editor</title> | ||||
| <style type="text/css" media="screen"> | <style type="text/css" media="screen"> | ||||
| html,body { | |||||
| height:100%; | |||||
| } | |||||
| body { | body { | ||||
| overflow: hidden; | |||||
| } | |||||
| .row { | |||||
| margin-left:0; | |||||
| margin-right:0; | |||||
| } | |||||
| .row .sp { | |||||
| height:150px; | |||||
| min-height:45px; | |||||
| padding-right:0; | |||||
| padding-left: 0; | |||||
| background-color: #222; | |||||
| border-bottom:4px solid transparent; | |||||
| } | |||||
| .row .sp.toolbar { | |||||
| min-height:450px; | |||||
| } | |||||
| .wrapper { | |||||
| width:100%; | |||||
| min-height: 100%; | |||||
| height: 100%; | |||||
| overflow:hidden; | |||||
| } | |||||
| .inner { | |||||
| overflow-y:auto; | |||||
| overflow-x:hidden; | |||||
| /*height:100%;*/ | |||||
| min-height:100%; | |||||
| } | |||||
| .outer { | |||||
| border:0px #000 solid; | |||||
| height:100%; | |||||
| } | |||||
| .pane-settings { | |||||
| background: #002B36; | |||||
| color:#b3b1b1; | |||||
| position: absolute; | |||||
| z-index: 199; | |||||
| padding: 3px; | |||||
| font-size: 16px; | |||||
| opacity: .8; | |||||
| right: 5px; | |||||
| top: 0; | |||||
| margin: 0; | |||||
| } | |||||
| .pane-label { | |||||
| font-family: monospace; | |||||
| background: #002B36; | |||||
| color:#b3b1b1; | |||||
| position: absolute; | |||||
| z-index: 199; | |||||
| padding: 3px; | |||||
| font-size: 11px; | |||||
| opacity: .7; | |||||
| right: 10px; | |||||
| bottom: 10px; | |||||
| margin: 0; | |||||
| } | |||||
| .editable { | |||||
| float:left; | |||||
| margin-right:2px; | |||||
| border:1px #ddd solid; | |||||
| padding:1px; | |||||
| line-height: 1.5; | |||||
| border-radius:2px; | |||||
| } | |||||
| .toolbar | |||||
| { | |||||
| padding:3px; | |||||
| height:28px; | |||||
| } | |||||
| ::-webkit-scrollbar { | |||||
| width: 0.9em; | |||||
| } | |||||
| ::-webkit-scrollbar-track { | |||||
| box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); | |||||
| } | |||||
| ::-webkit-scrollbar-thumb { | |||||
| background: rgba(100, 100, 100, 0.7); | |||||
| } | |||||
| ::-webkit-scrollbar-corner, | |||||
| ::-webkit-scrollbar-thumb:window-inactive { | |||||
| background: rgba(100, 100, 100, 0.4); | |||||
| overflow: hidden; | |||||
| } | } | ||||
| .ace_autocomplete { | |||||
| width: 270px; | |||||
| z-index: 200000; | |||||
| background: #666; | |||||
| color: #eee; | |||||
| border: 0 lightgray solid; | |||||
| position: fixed; | |||||
| box-shadow: 2px 3px 5px rgba(0,0,0,.2); | |||||
| line-height: 1.4; | |||||
| #editor { | |||||
| margin-top: 30px; | |||||
| position: absolute; | |||||
| top: 0; | |||||
| bottom: 0; | |||||
| left: 0; | |||||
| right: 0; | |||||
| } | } | ||||
| </style> | </style> | ||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| <div class="wrapper"> | |||||
| <div class="outer"> | |||||
| <div class="row"> | |||||
| <div class="col-sm-12 sp toolbar tab-pane" id="htmPane"> | |||||
| <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> | |||||
| </div><!--/row--> | |||||
| </div><!--/outer--> | |||||
| </div><!--/wrapper--> | |||||
| <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> | |||||
| <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> | ||||
| var buildDom = ace.require("ace/lib/dom").buildDom; | var buildDom = ace.require("ace/lib/dom").buildDom; | ||||
| @@ -156,11 +46,10 @@ | |||||
| showGutter: false, | showGutter: false, | ||||
| autoScrollEditorIntoView: true | autoScrollEditorIntoView: true | ||||
| }); | }); | ||||
| var refs = {}; | |||||
| function updateToolbar() { | function updateToolbar() { | ||||
| refs.undoButton.disabled = !editor.session.getUndoManager().hasUndo(); | |||||
| refs.redoButton.disabled = !editor.session.getUndoManager().hasRedo(); | |||||
| document.getElementById("btnUndo") = !editor.session.getUndoManager().hasUndo(); | |||||
| document.getElementById("btnRedo") = !editor.session.getUndoManager().hasRedo(); | |||||
| } | } | ||||
| editor.on("input", updateToolbar); | editor.on("input", updateToolbar); | ||||
| @@ -186,15 +75,15 @@ | |||||
| } | } | ||||
| }); | }); | ||||
| $('#btnSave').click(function(){ | |||||
| $('#btnSave').onClick(function(){ | |||||
| save(); | save(); | ||||
| }); | }); | ||||
| $('#btnUndo').click(function(){ | |||||
| $('#btnUndo').onClick(function(){ | |||||
| editor.undo(); | editor.undo(); | ||||
| }); | }); | ||||
| $('#btnRow').click(function(){ | |||||
| $('#btnRow').onClick(function(){ | |||||
| editor.redo(); | editor.redo(); | ||||
| }); | }); | ||||