modify command mode

add editor command

demo/css/editor.css

@@ -29,12 +29,17 @@ a:hover {
   -webkit-font-smoothing: antialiased;
   -webkit-text-stroke-width: 0.1px;
 }
+.i-leave:before {
+  content: '\e00c';
+}
 .i-edit,
-.i-del {
+.i-del,
+.i-leave {
   font-size: 12px;
 }
 .i-edit:hover,
-.i-del:hover {
+.i-del:hover,
+.i-leave:hover {
   cursor: pointer;
   color: #4A90E2;
 }
@@ -80,19 +85,47 @@ a:hover {
 .i-save:before {
   content: '\e022';
 }
-.close-editor {
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding: 0 3px;
-  z-index: 100;
-  font-size: 14px;
-  background: #FFF;
-  border-left: 1px solid #000;
-  display: none;
+.i-upshape:before {
+  content: '\e014';
 }
-.close-editor:hover {
-  cursor: pointer;
+.i-downshape:before {
+  content: '\e00b';
+}
+.i-reversepoints:before {
+  content: '\e00d';
+}
+.i-alignleft:before {
+  content: '\e006';
+}
+.i-aligncenter:before {
+  content: '\e004';
+}
+.i-alignright:before {
+  content: '\e007';
+}
+.i-aligntop:before {
+  content: '\e008';
+}
+.i-alignmiddle:before {
+  content: '\e005';
+}
+.i-aligndescent:before {
+  content: '\e009';
+}
+.i-alignbaseline:before {
+  content: '\e009';
+}
+.i-rotateleft:before {
+  content: '\e01c';
+}
+.i-rotateright:before {
+  content: '\e01d';
+}
+.i-flip:before {
+  content: '\e013';
+}
+.i-mirror:before {
+  content: '\e012';
 }
 .glyf-editor {
   width: 100%;
@@ -182,9 +215,6 @@ a:hover {
 .editor-contextmenu li:last-child {
   border-bottom: none;
 }
-.editor:hover .close-editor {
-  display: block;
-}
 body,
 html {
   height: 100%;