wip toolbars

This commit is contained in:
2019-09-03 23:46:53 +03:00
parent 6214611a51
commit 3df5322bea

View File

@@ -22,7 +22,24 @@
</style> </style>
</head> </head>
<body> <body>
<div id="editor"></div> <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="pane-settings"><button class="btn btn-primary btn-xs"><i class="glyphicon glyphicon-cog"></i></button></div>
<div class="pane-label">html</div>
<div class="inner" id="editor"></div>
</div>
</div><!--/row-->
</div><!--/outer-->
</div><!--/wrapper-->
<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>
@@ -69,27 +86,17 @@
} }
}); });
buildDom(["div", { $('#btnSave').click(function(){
class: "toolbar" save();
}, });
["button", {
ref: "saveButton", $('#btnUndo').click(function(){
onclick: save
}, "save"],
["button", {
ref: "undoButton",
onclick: function() {
editor.undo(); editor.undo();
} });
}, "undo"],
["button", { $('#btnRow').click(function(){
ref: "redoButton",
onclick: function() {
editor.redo(); editor.redo();
} });
}, "redo"]
], document.body, refs);
document.body.appendChild(editor.container)
window.editor = editor; window.editor = editor;
</script> </script>