diff --git a/static/css/base.css b/static/css/base.css
index baab675..f74bd02 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -237,6 +237,16 @@ ul {
     background-position: bottom;
     background-repeat: repeat-x;
 }
+
+.CodeMirror-hint {
+    padding-right: 18px;    
+    max-width: none;
+}
+
+.CodeMirror-hint:hover {
+    background: #08f;
+    color: white;
+}
 /* end editor */
 
 /* start bottom-window-group */
diff --git a/static/js/editors.js b/static/js/editors.js
index e3e9b80..3599b46 100644
--- a/static/js/editors.js
+++ b/static/js/editors.js
@@ -105,9 +105,20 @@ var editors = {
 
                     if (autocompleteArray) {
                         for (var i = 0; i < autocompleteArray.length; i++) {
+                            var displayText = '';
+                            if (autocompleteArray[i].class === 'type') {
+                                displayText = '<span class="fn-clear">'// + autocompleteArray[i].class 
+                                        + '<b class="fn-left">' + autocompleteArray[i].name + '</b>'
+                                        + autocompleteArray[i].type + '</span>';
+                            } else {
+                                displayText = '<span>'// + autocompleteArray[i].class 
+                                        + '<b>' + autocompleteArray[i].name + '</b>    '
+                                        + autocompleteArray[i].type.substring(4) + '</span>';
+                            }
                             autocompleteHints[i] = {
                                 // TODO: 添加类型、图标
-                                displayText: '<b>' + autocompleteArray[i].name + '</b>',
+
+                                displayText: displayText,
                                 text: autocompleteArray[i].name
                             };
                         }