Append help message for Emoji.

app/views/articles/_markdown_help.html.erb

@@ -18,29 +18,18 @@
           </thead>
           <tbody>
             <tr>
-              <td>太字</td>
-              <td>**text**</td>
-            </tr>
-            <tr>
-              <td>強調表示</td>
-              <td>*text*</td>
-            </tr>
-            <tr>
-              <td>コードのインライン表示</td>
-              <td>`text`</td>
-            </tr>
-            <tr>
-              <td>シンタックスハイライト</td>
+              <td>絵文字</td>
               <td>
-                ```lang:filename<br>
-                text<br>
-                ```
+                <p>
+                  <img class="emoji" title=":+1:" alt=":+1:" src="/images/emoji/unicode/1f44d.png" height="20" width="20" align="absmiddle">
+                  <img class="emoji" title=":bow:" alt=":bow:" src="/images/emoji/unicode/1f647.png" height="20" width="20" align="absmiddle">
+                  <img class="emoji" title=":angel:" alt=":angel:" src="/images/emoji/unicode/1f47c.png" height="20" width="20" align="absmiddle">
+                  <img class="emoji" title=":imp:" alt=":imp:" src="/images/emoji/unicode/1f47f.png" height="20" width="20" align="absmiddle">
+                  ...
+                </p>
+                => <a href="http://www.emoji-cheat-sheet.com/" target="_blank">Emoji cheat sheet for Campfire and GitHub</a>
               </td>
             </tr>
-            <tr>
-              <td>リンク</td>
-              <td>[text](http://www.example.com/)</td>
-            </tr>
             <tr>
               <td>見出し</td>
               <td>
@@ -65,6 +54,30 @@
                 3. text
               </td>
             </tr>
+            <tr>
+              <td>コードブロック(シンタックスハイライト付き)</td>
+              <td>
+                ```lang:filename<br>
+                text<br>
+                ```
+              </td>
+            </tr>
+            <tr>
+              <td>コードのインライン表示</td>
+              <td>`text`</td>
+            </tr>
+            <tr>
+              <td>太字</td>
+              <td>**text**</td>
+            </tr>
+            <tr>
+              <td>強調表示</td>
+              <td>*text*</td>
+            </tr>
+            <tr>
+              <td>リンク</td>
+              <td>[text](http://www.example.com/)</td>
+            </tr>
             <tr>
               <td>水平線</td>
               <td>---</td>