diff --git a/frontend/src/components/FreeleapsEditor.vue b/frontend/src/components/FreeleapsEditor.vue
index 861e44d..713e7f5 100644
--- a/frontend/src/components/FreeleapsEditor.vue
+++ b/frontend/src/components/FreeleapsEditor.vue
@@ -16,7 +16,7 @@
         <div class="dropmenu drop-style" v-if="item.type === 'style'">
           <ul>
             <li>
-              <a href="#" @click="iconClick($event, 'p', 'style')"><p>正文</p></a>
+              <a href="#" @click="iconClick($event, 'p', 'style')"><p>Text</p></a>
             </li>
             <li>
               <a href="#" @click="iconClick($event, 'pre', 'style')"><pre>code</pre></a>
@@ -27,22 +27,22 @@
               >
             </li>
             <li>
-              <a href="#" @click="iconClick($event, 'h1', 'style')"><h1>标题一</h1></a>
+              <a href="#" @click="iconClick($event, 'h1', 'style')"><h1>Caption 1</h1></a>
             </li>
             <li>
-              <a href="#" @click="iconClick($event, 'h2', 'style')"><h2>标题二</h2></a>
+              <a href="#" @click="iconClick($event, 'h2', 'style')"><h2>Caption 2</h2></a>
             </li>
             <li>
-              <a href="#" @click="iconClick($event, 'h3', 'style')"><h3>标题三</h3></a>
+              <a href="#" @click="iconClick($event, 'h3', 'style')"><h3>Caption 3</h3></a>
             </li>
             <li>
-              <a href="#" @click="iconClick($event, 'h4', 'style')"><h4>标题四</h4></a>
+              <a href="#" @click="iconClick($event, 'h4', 'style')"><h4>Caption 4</h4></a>
             </li>
             <li>
-              <a href="#" @click="iconClick($event, 'h5', 'style')"><h5>标题五</h5></a>
+              <a href="#" @click="iconClick($event, 'h5', 'style')"><h5>Caption 5</h5></a>
             </li>
             <li>
-              <a href="#" @click="iconClick($event, 'h6', 'style')"><h6>标题六</h6></a>
+              <a href="#" @click="iconClick($event, 'h6', 'style')"><h6>Caption 6</h6></a>
             </li>
           </ul>
         </div>
@@ -51,25 +51,25 @@
             <li>
               <a href="#" @click="iconClick($event, 'justifyCenter', 'alignjustify')">
                 <i class="iconfont icon-aligncenter"></i>
-                <span>居中</span>
+                <span>middle</span>
               </a>
             </li>
             <li>
               <a href="#" @click="iconClick($event, 'justifyLeft', 'alignjustify')">
                 <i class="iconfont icon-alignleft"></i>
-                <span>左对齐</span>
+                <span>left aligned</span>
               </a>
             </li>
             <li>
               <a href="#" @click="iconClick($event, 'justifyRight', 'alignjustify')">
                 <i class="iconfont icon-alignright"></i>
-                <span>右对齐</span>
+                <span>right aligned</span>
               </a>
             </li>
             <li>
               <a href="#" @click="iconClick($event, 'justifyFull', 'alignjustify')">
                 <i class="iconfont icon-alignjustify"></i>
-                <span>默认对齐</span>
+                <span>default aligned</span>
               </a>
             </li>
           </ul>
@@ -107,15 +107,15 @@ export default {
       selectedRange: '',
       iconList: [
         // {
-        //   name: '标签', // hover名字
-        //   type: 'style', // 点击事件处理
-        //   icon: 'fe-paragraph', // 图标样式
-        //   drop: true, // 是否有下拉菜单
-        //   canChoose: true, // 是否被选中
+        //   name: 'lable', // hover name
+        //   type: 'style', // click event handler
+        //   icon: 'fe-paragraph', // icon style
+        //   drop: true, // If there is drop menu
+        //   canChoose: true, // chosen or not
         //   choose: false
         // },
         {
-          name: '粗体',
+          name: 'bold',
           type: 'bold',
           icon: 'fe-bold',
           drop: false,
@@ -123,7 +123,7 @@ export default {
           choose: false
         },
         {
-          name: '斜体',
+          name: 'italic',
           type: 'italic',
           icon: 'fe-italic',
           drop: false,
@@ -131,7 +131,7 @@ export default {
           choose: false
         },
         {
-          name: '下划线',
+          name: 'underline',
           type: 'underline',
           icon: 'fe-underline',
           drop: false,
@@ -139,7 +139,7 @@ export default {
           choose: false
         },
         // {
-        //   name: '删除线',
+        //   name: 'strike',
         //   type: 'strike',
         //   icon: 'fe-strike',
         //   drop: false,
@@ -147,7 +147,7 @@ export default {
         //   choose: false
         // },
         // {
-        //   name: '清除样式',
+        //   name: 'clear-format',
         //   type: 'clear',
         //   icon: 'fe-clear',
         //   drop: false,
@@ -155,7 +155,7 @@ export default {
         //   choose: false
         // },
         // {
-        //   name: '字体颜色',
+        //   name: 'font-color',
         //   type: 'fontFamily',
         //   icon: 'fe-char',
         //   drop: false,
@@ -163,7 +163,7 @@ export default {
         //   choose: false
         // },
         {
-          name: '无序列表',
+          name: 'unordered-list',
           type: 'unorderedlist',
           icon: 'fe-unorderedlist',
           drop: false,
@@ -171,7 +171,7 @@ export default {
           choose: false
         },
         {
-          name: '有序列表',
+          name: 'ordered list',
           type: 'orderedlist',
           icon: 'fe-orderedlist',
           drop: false,
@@ -179,7 +179,7 @@ export default {
           choose: false
         }
         // {
-        //   name: '对齐方式',
+        //   name: 'align-justify',
         //   type: 'alignjustify',
         //   icon: 'fe-alignjustify',
         //   drop: true,
@@ -228,7 +228,7 @@ export default {
       }
       return null
     },
-    // 改变选取的内容
+    // change the selection's style
     changeStyle(type) {
       switch (type) {
         case 'bold':