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 editor.undo();
}, "save"], });
["button", {
ref: "undoButton", $('#btnRow').click(function(){
onclick: function() { editor.redo();
editor.undo(); });
}
}, "undo"],
["button", {
ref: "redoButton",
onclick: function() {
editor.redo();
}
}, "redo"]
], document.body, refs);
document.body.appendChild(editor.container)
window.editor = editor; window.editor = editor;
</script> </script>