| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="utf-8" />
- <title>Emoji - Editor.md examples</title>
- <link rel="stylesheet" href="css/style.css" />
- <link rel="stylesheet" href="../css/editormd.css" />
- <link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon" />
- <style>
- </style>
- </head>
- <body>
- <div id="layout">
- <header>
- <h1>Emoji 表情</h1>
- <p>Supports:</p>
- <ul style="margin: 10px 0 0 18px;">
- <li>Github emoji : <a href="http://www.emoji-cheat-sheet.com/" target="_blank">http://www.emoji-cheat-sheet.com/</a></li>
- <li>Twitter Emoji(Twemoji) : <a href="http://twitter.github.io/twemoji/preview.html" target="_blank">http://twitter.github.io/twemoji/preview.html</a></li>
- <li>FontAwesome icon font emoji : <a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank">http://fortawesome.github.io/Font-Awesome/icons/</a></li>
- <li>Editor.md logo icon font emoji</li>
- </ul>
- </header>
- <div id="test-editormd">
- <textarea style="display:none;">### Emoji 表情 :smiley:
- [TOC]
- ### Emoji
- Emoji cheat sheet for Campfire and GitHub.
- [http://www.emoji-cheat-sheet.com/](http://www.emoji-cheat-sheet.com/)
- **Usage:**
- :emoji-name:
-
- **Examples:**
- :heart: :smiley: :+1: :-1: :black_large_square: :waxing_gibbous_moon: :moon: :crescent_moon:
- ### Twitter Emoji (Twemoji)
- **Usage:**
- :tw-xxxx:
-
- **Examples:**
- :tw-1f504: :tw-30-20e3: :tw-31-20e3: :tw-32-20e3: :tw-33-20e3: :tw-34-20e3: :tw-35-20e3: :tw-36-20e3: :tw-37-20e3: :tw-38-20e3: :tw-39-20e3: :tw-1f51f:
- [http://twitter.github.io/twemoji/preview.html](http://twitter.github.io/twemoji/preview.html)
- ### Fortawesome icons
- [http://fortawesome.github.io/Font-Awesome/icons/](http://fortawesome.github.io/Font-Awesome/icons/)
- **Usage:**
- :fa-xxxx:
-
- **Examples:**
- :fa-wifi: :fa-twitter: :fa-google-plus: :fa-git-square: :fa-github-alt: :fa-external-link-square:
- ### Editor.md logos
- **Usage:**
- :editormd-logo:
- :editormd-logo-1x:
- ...
- :editormd-logo-8x:
-
- **Examples:**
- :editormd-logo: :editormd-logo-1x: :editormd-logo-2x: :editormd-logo-3x: :editormd-logo-4x: :editormd-logo-5x: :editormd-logo-6x: :editormd-logo-7x: :editormd-logo-8x:
- ### Mixed tests
- > Blockquotes :star:
- @pandao dasfsadfasdf:fa-edit: :warning: :smiley:dsafsdfsad\:fdsfdf\:f dfdf: :fa-save::fa-star: :fa-truck:
- **fdfasd:smiley:dsfsdfsfd** ~~fsdfds:smiley:dfsdfsdf :fa-info:~~ @pandao
- :fa-weixin: :fa-qq: :fa-weibo: :fa-tencent-weibo: :fa-github: :fa-git:
- *dsfdfsfd:smiley:dsfsfdsfd:smiley:dsfdf*
- ___Emphasis :fa-gear: Italic:smiley:___ __Emphasis:smiley:__
-
- # H1 dsfdfsfd:smiley:dsfsfdsfd:smiley:dsfdf:fa-star:
- ## H2 dsfd:fa-star:fsfd:smiley:dsfsfdsfd:smiley:dsfdf:fa-star:
- ### H3 dsfdfsfd@pandao :smiley:dsfsfdsfd:smiley:dsfdf:fa-edit: fdsfsdf:fa-save:dsfsdf @pandao
- #### H4 dsfdfsfd@pandao :smiley:dsfsfdsfd:smiley:dsfdf:fa-edit: fdsfsdf:fa-save:dsfsdf
- ##### H5 dsfdfsfd:smiley:dsfsfd @pandao sfd:smiley:dsfdf:fa-edit: fdsfsdf:fa-save:dsfsdf
- ###### H6 dsfdfsfd:smiley:dsfsfdsfd:smiley:dsfdf:fa-edit: fdsfsdf:fa-star:dsfsdf
- [:smiley:](http://www.emoji-cheat-sheet.com/ "link + emoji") link + emoji
-
- - dafs@pandao sdfsdaf:smiley:dfsdfsdf
- - dafssdfsdaf:smiley:dfsdfsdf @pandao
- - dafssdfsdaf:smiley:dfsdfsdf
- - dafss:fa-truck:dfsdaf:smiley:dfsd @pandao fsdf
- - dafssd: :fa-truck:fsdaf:smiley:dfsdfsdf :fa-star:: :fa-truck:
- + dafssdfsdaf:smiley:dfsdfsdf @pandao
- + dafs@pandao s:fa-truck:dfsdaf:smiley:dfsdfsdf
- 1. :smiley:第一行:fa-truck:fsdaf:smiley:dfs@pandao dfsdf :fa-save:: :fa-truck:
- - dafssdfsdaf:smiley:dfsdfsdf @pandao
- - dafss:fa-truck:dfsdaf:smiley:dfsdfsdf
- 2. :smiley:第二行:fa-truck:fsdaf:smiley:dfsdfsdf :fa-star:: :fa-truck:
- 3. 第三行:fa-truck:fsdaf:smiley:dfsdfsdf :fa-save:: :fa-truck:
- > Blockquotes @pandao
- > dd:smiley:引用文本(Blockquotes:smiley:)fdasfad :fa-star:: dfd :fa-truck: @pandao
- #### Datetime test
- 02:21:47
- 2015-03-12 02:21:47
- ### In table
- |:100: First Header | Second:smiley: Header:smiley: |
- | ------------- | ------------- |
- | Content:fa-truck: Cell | :smiley:Content Cell :smiley: |
- | Con:fa-truck:tent Cell:bangbang: | Content Cell dfsdfsdf :fa-star: :dfdf :fa-truck: |
- ### Editor.md logo emoji
- :fa-heart:fasdfsdfsfddffd:editormd-logo: :editormd-logo: :editormd-logo-4x:
- dfasfasdfasdf:bangbang:
- This is an H1 :editormd-logo-4x: @pandao
- =============
- @pandao This :fa-save:: :fa-truck:is an H2 :100:
- -------------
- ### GFM task lists :editormd-logo-5x:
- - [x] :smiley: @mentions, :smiley: #refs, [links](), **formatting**, and <del>tags</del> supported :editormd-logo:;
- - [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
- - [x] [ ] :smiley: this is a complete item :smiley:;
- - [ ] []this is an incomplete item [test link](#) :fa-star: @pandao;
- - [ ] [ ]this is an incomplete item;
- - [ ] :smiley: this is an incomplete item [test link](#);
- - [ ] :smiley: this is an incomplete item [test link](#);
- </textarea>
- </div>
- </div>
- <script src="js/jquery.min.js"></script>
- <script src="../editormd.js"></script>
- <script type="text/javascript">
- var testEditor;
-
- $(function() {
- // You can custom Emoji's graphics files url path
- editormd.emoji = {
- path : "http://www.emoji-cheat-sheet.com/graphics/emojis/",
- ext : ".png"
- };
-
- // Twitter Emoji (Twemoji) graphics files url path
- editormd.twemoji = {
- path : "http://twemoji.maxcdn.com/72x72/",
- ext : ".png"
- };
-
- testEditor = editormd("test-editormd", {
- width : "90%",
- height : 720,
- toc : true,
-
- emoji : true, // Support Github emoji, Twitter Emoji(Twemoji), fontAwesome, Editor.md logo emojis.
-
- taskList : true,
- path : '../lib/'
- });
- });
- </script>
- </body>
- </html>
|
