diff --git a/_server/css/editor.css b/_server/css/editor.css
index 13e74df7..b878cc2f 100644
--- a/_server/css/editor.css
+++ b/_server/css/editor.css
@@ -190,7 +190,7 @@ body{
 .gameCanvas {
   position: absolute;
 }
-#dataSelection{
+#dataSelection , .appendSelection{
   position: absolute;
   /* top:0;
   left:320px; */
diff --git a/_server/css/editor_mode.css b/_server/css/editor_mode.css
index f5ffcdab..a3c232c9 100644
--- a/_server/css/editor_mode.css
+++ b/_server/css/editor_mode.css
@@ -13,7 +13,7 @@
 .leftTab > :first-child{margin-top:5px;}
 .leftTab > :last-child{margin-bottom:5px;}
 
-#left99 {
+#left1 {
   left: 5px;
   top: 650px;
   width: 435px;
diff --git a/_server/editor_mode.js b/_server/editor_mode.js
index 4bbe60af..39984f46 100644
--- a/_server/editor_mode.js
+++ b/_server/editor_mode.js
@@ -3,8 +3,7 @@ function editor_mode(){
     'loc':'left2',
     'emenyitem':'left3',
     'floor':'left4',
-    'tower':'left5',
-    'test':'left99'
+    'tower':'left5'
   }
   this._ids={}
   this.dom={}
@@ -23,6 +22,8 @@ editor_mode.prototype.init = function(callback){
   if (Boolean(callback))callback();
 }
 
+/////////////////////////////////////////////////////////////////////////////
+
 editor_mode.prototype.objToTable = function(obj,commentObj){
   var outstr=["\n<tr><td>条目</td><td>注释</td><td>值</td></tr>\n"];
   var guids=[];
@@ -242,6 +243,8 @@ editor_mode.prototype.tower = function(callback){
   if (Boolean(callback))callback();
 }
 
+/////////////////////////////////////////////////////////////////////////////
+
 editor_mode.prototype.listen = function(callback){
 
   var newIdIdnum = document.getElementById('newIdIdnum');
diff --git a/editor.html b/editor.html
index e408332d..4a8f4d6b 100644
--- a/editor.html
+++ b/editor.html
@@ -32,39 +32,25 @@
       </div>
       
     </div>
-    <div id="left99" class='leftTab'><!-- 可以直接删掉,在editor_mode.js中,把ids中的'test':'left99'也要删掉 -->
-      <div >
-        <h3>测试用标签页</h3>
-        <div class='etable'>
-          <table>
-            <tbody id='test_tbody'>
-              <tr><td id='test_td' title="['aa']['bb']">条目</td><td>注释<span title='&#97;&#98;&#99;&#10;&#20013;&#25991;&#10;&#97;&#97;&#97;'>aaa</span></td><td>值</td></tr>
-              <tr><td></td><td></td><td></td></tr>
-              <tr><td></td><td></td><td></td></tr>
-              <tr><td>变量名字符串</td><td title='&#97;&#98;&#99;&#10;&#20013;&#25991;&#10;&#97;&#97;&#97;'>可能显示不全但是hover时通过span title='xxx'来显示</td><td>高度以此为准</td></tr>
-              <tr><td></td><td></td><td>此处是利用slice实现</td></tr>
-              <tr><td></td><td></td><td></td></tr>
-            </tbody>
-          </table>
-        </div>
-        <div class='etable'>
-          <table>
-            <tbody id='test_tbody2'>
-              <tr><td>条目</td><td>注释</td><td>值</td></tr>
-              <tr><td></td><td></td><td><textarea spellcheck='false' id='temp_text' rows="2">abc</textarea></td></tr>
-              <tr><td></td><td></td><td><input spellcheck='false' id='temp_input' value='abc' /></td></tr>
-              <tr><td></td><td></td><td><select id="temp_select">
-                <option value="abc">abc</option>
-                <option value="ground2">ground2</option>
-              </select></tr>
-            </tbody>
-          </table>
-        </div>
-        <div >
-          <input  type="button" value="保存"/>
+    <div id="left1" class='leftTab'><div ><!-- appendpic -->
+      <h3>追加素材</h3>
+      <p>
+        <input type="button" value="选择文件"/>
+        <select id="selectAppend"></select><!-- ["terrains", "animates", "enemys", "items", "npcs"] -->
+        <input type="button" value="追加"/>
+      </p>
+      <div id="appendPicCanvas" style="position:relative;overflow: auto;height:500px;">
+        <canvas style="position:absolute"></canvas><!-- 用于画出选中文件 -->
+        <canvas style="position:absolute;z-index:100"></canvas><!-- 用于响应鼠标点击 -->
+        <canvas style="position:absolute;display:none;"></canvas><!-- 画出追加后的sprite用于储存 -->
+        <div>
+          <div class="appendSelection"><span style="font-size:10px">1</span></div>
+          <div class="appendSelection"><span style="font-size:10px">&nbsp;&nbsp;2</span></div>
+          <div class="appendSelection"><span style="font-size:10px">&nbsp;&nbsp;&nbsp;&nbsp;3</span></div>
+          <div class="appendSelection"><span style="font-size:10px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4</span></div>
         </div>
       </div>
-    </div>
+    </div></div>
     <div id="left2" class='leftTab'><div><!-- loc -->
       <h3>地图选点</h3>
       <p id='pos_a6771a78_a099_417c_828f_0a24851ebfce'>0,0</p>